chore: Update Vuetify module and configuration files

nuxtrdev · Sep 20, 2024 · 740239b · 740239b
1 parent 2c4228a
commit 740239b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 18 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,9 @@
 {
   "typescript.tsc.autoDetect": "off",
   "editor.formatOnSave": true,
-  "eslint.useFlatConfig": true
+  "eslint.useFlatConfig": true,
+  "cSpell.words": [
+    "unocss",
+    "vuetify"
+  ]
 }
diff --git a/src/commands/CSS.ts b/src/commands/CSS.ts
@@ -11,13 +11,13 @@ enum TailwindOptions {
 }
 
 enum UnoCSSOptions {
-    installModule = 'Install unocss/nuxt module and add it to nuxt config',
+    installModule = 'Install @UnoCSS/Nuxt module and add it to nuxt config',
     createConfigFile = 'Create uno.config.ts file',
 }
 
 enum VuetifyOptions {
-    installModule = 'Install @nuxtjs/vuetify module and add it to nuxt config',
-    createConfigFile = 'Create vuetify.options.js file',
+    installModule = 'Install vuetify-nuxt-module module and add it to nuxt config',
+    createConfigFile = 'Create vuetify.config.ts file',
 }
 
 function configureCSS() {
@@ -40,10 +40,8 @@ function configureCSS() {
                 }
                 case 'Vuetify': {
                     configureVuetify()
-
                     break;
                 }
-            // No default
             }
         })
 }
@@ -167,7 +165,7 @@ const configureUno = async () => {
 
 const configureVuetify = async () => {
     try {
-        const filePath = `${await projectSrcDirectory()}/vuetify.options.js`
+        const filePath = `${await projectSrcDirectory()}/vuetify.config.ts`
 
         const vuetifyOptions = Object.values(VuetifyOptions)
 
@@ -179,7 +177,7 @@ const configureVuetify = async () => {
             .then(async (selections) => {
                 if (selections !== undefined && selections.length > 0) {
                     if (selections.includes(VuetifyOptions.installModule)) {
-                        const moduleName = '@nuxtjs/vuetify'
+                        const moduleName = 'vuetify-nuxt-module'
                         const command = await getInstallationCommand(moduleName, true)
 
                         await runCommand({
@@ -194,7 +192,7 @@ const configureVuetify = async () => {
 
                     if (selections.includes(VuetifyOptions.createConfigFile)) {
                         await createFile({
-                            fileName: `vuetify.options.js`,
+                            fileName: `vuetify.config.ts`,
                             content: vuetifyConfigFile,
                             fullPath: filePath,
                         })

diff --git a/src/templates/css.ts b/src/templates/css.ts
@@ -30,15 +30,11 @@ const tailwindCSSFile = `@tailwind base;
 @tailwind components;
 @tailwind utilities;`
 
-const vuetifyConfigFile = `// vuetify.options.js
-export default {
-  breakpoint: {},
-  icons: {},
-  lang: {},
-  rtl: true,
-  theme: {}
-}
-`
+const vuetifyConfigFile = `import { defineVuetifyConfiguration } from 'vuetify-nuxt-module/custom-configuration'
+
+export default defineVuetifyConfiguration({
+
+})`
 
 export {
     unoCSSConfig,