Fix tailwind config

tailwind.config.js

@@ -1,9 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+const plugin = require("tailwindcss/plugin");
+
+const srcDir = ".";
+
 module.exports = {
+    darkMode: 'class',
     content: [
-      './pages/**/*.{js,ts,vue}',
-      './components/**/*.{js,ts,vue}',
-      './layouts/**/*.{js,ts,vue}',
-      './plugins/**/*.{js,ts,vue}',
+      `${srcDir}/components/**/*.{vue,js,ts}`,
+      `${srcDir}/layouts/**/*.vue`,
+      `${srcDir}/pages/**/*.vue`,
+      `${srcDir}/composables/**/*.{js,ts}`,
+      `${srcDir}/plugins/**/*.{js,ts}`,
+      `${srcDir}/App.{js,ts,vue}`,
+      `${srcDir}/app.{js,ts,vue}`,
+      `${srcDir}/Error.{js,ts,vue}`,
+      `${srcDir}/error.{js,ts,vue}`,
+      `${srcDir}/nuxt.config.{js,ts}`,
     ],
     theme: {
         fontFamily: {
@@ -33,6 +45,49 @@ module.exports = {
       },
     plugins: [
         require('@tailwindcss/typography'),
+            /**
+     * The following plugin adds support for the `content-visibility` property
+     * https://web.dev/content-visibility/
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-size
+     */
+    plugin(
+        function ({ matchUtilities, theme }) {
+          matchUtilities(
+            {
+              "content-visibility": (value) => {
+                return {
+                  "content-visibility": value,
+                };
+              },
+            },
+            {
+              values: theme("contentVisibility"),
+            }
+          );
+          matchUtilities(
+            {
+              "contain-intrinsic-size": (value) => {
+                return {
+                  "contain-intrinsic-size": value,
+                };
+              },
+            },
+            {
+              values: theme("containIntrinsicSize"),
+            }
+          );
+        },
+        {
+          theme: {
+            contentVisibility: {
+              auto: "auto",
+              hidden: "hidden",
+              visible: "visible",
+            },
+          },
+        }
+      ),
       ],
       
   };