add interactions to comments

nuxt.config.ts

@@ -1,29 +1,34 @@
-import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import { defineNuxtConfig } from 'nuxt/config';
 
 export default defineNuxtConfig({
+  ssr: false,
   compatibilityDate: '2024-11-01',
   devtools: { enabled: true },
-
+  app: {
+    head: {
+      title: 'DAV',
+      meta: [
+        {
+          name: 'description',
+          content: `Droits de l'ame et du vivant`,
+        },
+      ],
+    },
+  },
   css: [
-    '~/assets/css/main.css',
+    '~/assets/css/main.css', 
   ],
-
   postcss: {
     plugins: {
       tailwindcss: {},
       autoprefixer: {},
     },
   },
-  build: {
-    transpile: ['vuetify'],
-  },
+  // build: {
+  //   transpile: ['vuetify'],
+  // },
   modules: [
-    (_options, nuxt) => {
-      nuxt.hooks.hook('vite:extendConfig', (config) => {
-        // @ts-expect-error
-        config.plugins.push(vuetify({ autoImport: true }))
-      })
-    },
+      'vuetify-nuxt-module',
     '@nuxt/content',
     '@nuxtjs/supabase',
     "@prisma/nuxt"
@@ -34,12 +39,37 @@ export default defineNuxtConfig({
     key: process.env.SUPABASE_KEY,
     redirect: false,
   },
-
-  vite: {
-    vue: {
-      template: {
-        transformAssetUrls,
+ vuetify: {
+   vuetifyOptions: {
+      components: 'VBtn',
+      theme: {
+        themes: {
+          light: {
+            colors: {
+              primary: '#A7D129',
+              secondary: '#686D76',
+              tertiary: '#BE3737',
+              tangerine: '#EC8F67ff',
+              accent: '#000000',
+            },
+          },
+        },
+      },
+      aliases: {
+        VBtnValid: 'VBtn',
+      },
+      defaults: {
+        VBtn: {
+          color: 'accent',
+          class: 'custom-btn',
+        },
+        VBtnValid: {
+          color: 'primary',
+          class: 'custom-btn',
+        },
       },
     },
   },
-})
+  vite: {
+  },
+})