add shadcn

nuxt.config.ts

@@ -1,3 +1,5 @@
+import tailwindcss from '@tailwindcss/vite';
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
     compatibilityDate: '2025-05-15',
@@ -9,5 +11,29 @@ export default defineNuxtConfig({
         '@nuxt/icon',
         '@nuxt/image',
         '@nuxt/test-utils',
+        'shadcn-nuxt',
+        '@nuxtjs/color-mode',
     ],
+
+    css: ['~/assets/css/tailwind.css'],
+
+    vite: {
+        plugins: [tailwindcss()],
+    },
+
+    shadcn: {
+        /**
+         * Prefix for all the imported component
+         */
+        prefix: '',
+        /**
+         * Directory that the component lives in.
+         * @default "./components/ui"
+         */
+        componentDir: './components/ui',
+    },
+
+    colorMode: {
+        classSuffix: '',
+    },
 });