conflicts resolved

plugins/vuetify.ts

@@ -0,0 +1,38 @@
+// import this after install `@mdi/font` package
+import '@mdi/font/css/materialdesignicons.css'
+
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import { VBtn } from 'vuetify/components';
+
+export default defineNuxtPlugin((app) => {
+  const vuetify = createVuetify({
+     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',
+      },
+    },
+  });
+  app.vueApp.use(vuetify)
+})