npm - create-vuetify - Versions diffs - 2.3.0 → 2.4.0 - Mend

create-vuetify 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-vuetify",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "author": "Elijah Kotyluk <elijah@elijahkotyluk.com>",
   "license": "MIT",
   "type": "module",
@@ -22,35 +22,30 @@
   "scripts": {
     "build": "node ./scripts/build.js",
     "start": "node ./index.js",
-    "lint": "eslint --fix ./src/**",
-    "prepublishOnly": "npm run build"
+    "dev": "node --run build && node --run start",
+    "lint": "eslint --fix .",
+    "prepublishOnly": "node --run build"
   },
   "dependencies": {
-    "kolorist": "^1.5.1",
-    "minimist": "^1.2.6",
-    "magicast": "^0.3.4",
-    "package-manager-detector": "^0.2.2",
+    "kolorist": "^1.8.0",
+    "magicast": "^0.3.5",
+    "minimist": "^1.2.8",
+    "package-manager-detector": "^1.0.0",
     "prompts": "^2.4.2",
-    "validate-npm-package-name": "^4.0.0"
+    "validate-npm-package-name": "^6.0.0"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^8.0.1",
-    "@types/minimist": "^1.2.2",
-    "@types/node": "^20.12.8",
-    "@types/prompts": "^2.0.14",
-    "@types/validate-npm-package-name": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
-    "@typescript-eslint/parser": "^5.30.6",
-    "esbuild": "^0.14.47",
-    "esbuild-jest": "^0.5.0",
-    "eslint": "^8.41.0",
-    "eslint-plugin-jest": "^26.5.3",
-    "eslint-plugin-local-rules": "^1.3.0",
-    "eslint-plugin-lodash-template": "^0.21.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "release-it": "^17.0.3",
-    "typescript": "^4.7.4"
+    "@release-it/conventional-changelog": "^10.0.0",
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^22.13.10",
+    "@types/prompts": "^2.4.9",
+    "@types/validate-npm-package-name": "^4.0.2",
+    "esbuild": "^0.25.1",
+    "eslint": "^9.23.0",
+    "eslint-config-vuetify": "^3.0.3",
+    "nypm": "^0.6.0",
+    "release-it": "^18.1.2",
+    "typescript": "^5.8.2"
   },
   "packageManager": "pnpm@9.12.2+sha512.22721b3a11f81661ae1ec68ce1a7b879425a1ca5b991c975b074ac220b187ce56c708fe5db69f4c962c989452eee76c82877f4ee80f474cebd61ee13461b6228"
 }

package/template/javascript/base/eslint.config.js CHANGED Viewed

@@ -1,23 +1 @@
-import js from '@eslint/js'
-import pluginVue from 'eslint-plugin-vue'
-export default [
-  {
-    name: 'app/files-to-lint',
-    files: ['**/*.{js,mjs,jsx,vue}'],
-  },
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
-  },
-  js.configs.recommended,
-  ...pluginVue.configs['flat/recommended'],
-  {
-    rules: {
-      'vue/multi-word-component-names': 'off',
-    },
-  }
-]
+export { default } from 'eslint-config-vuetify'

package/template/javascript/base/package.json CHANGED Viewed

@@ -3,14 +3,10 @@
     "lint": "eslint . --fix"
   },
   "devDependencies": {
-    "@eslint/js": "^9.14.0",
-    "eslint": "^9.14.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-vue": "^9.30.0",
-    "vue-router": "^4.4.0",
-    "unplugin-vue-router": "^0.10.0"
+    "eslint": "^9.23.0",
+    "eslint-config-vuetify": "^3.0.3",
+    "globals": "^16.0.0",
+    "vue-router": "^4.5.0",
+    "unplugin-vue-router": "^0.12.0"
   }
 }

package/template/javascript/base/src/components/HelloWorld.vue CHANGED Viewed

@@ -1,23 +1,17 @@
 <template>
-  <v-container class="fill-height">
-    <v-responsive
-      class="align-centerfill-height mx-auto"
-      max-width="900"
-    >
+  <v-container class="fill-height" max-width="900">
+    <div>
       <v-img
         class="mb-4"
         height="150"
         src="@/assets/logo.png"
       />
-      <div class="text-center">
+      <div class="mb-8 text-center">
         <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
         <h1 class="text-h2 font-weight-bold">Vuetify</h1>
       </div>
-      <div class="py-4" />
       <v-row>
         <v-col cols="12">
           <v-card
@@ -26,132 +20,71 @@
             image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
             prepend-icon="mdi-rocket-launch-outline"
             rounded="lg"
-            variant="outlined"
+            variant="tonal"
           >
             <template #image>
               <v-img position="top right" />
             </template>
             <template #title>
-              <h2 class="text-h5 font-weight-bold">Get started</h2>
+              <h2 class="text-h5 font-weight-bold">
+                Get started
+              </h2>
             </template>
             <template #subtitle>
               <div class="text-subtitle-1">
-                Replace this page by removing <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>pages/index.vue</v-kbd>.
+                Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
               </div>
             </template>
-            <v-overlay
-              opacity=".12"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/"
-            prepend-icon="mdi-text-box-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Learn about all things Vuetify in our documentation."
-            target="_blank"
-            title="Documentation"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
-            prepend-icon="mdi-star-circle-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Explore available framework Features."
-            target="_blank"
-            title="Features"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
           </v-card>
         </v-col>
-        <v-col cols="6">
+        <v-col v-for="link in links" :key="link.href" cols="6">
           <v-card
             append-icon="mdi-open-in-new"
             class="py-4"
             color="surface-variant"
-            href="https://vuetifyjs.com/components/all"
-            prepend-icon="mdi-widgets-outline"
+            :href="link.href"
+            :prepend-icon="link.icon"
             rel="noopener noreferrer"
             rounded="lg"
-            subtitle="Discover components in the API Explorer."
+            :subtitle="link.subtitle"
             target="_blank"
-            title="Components"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://discord.vuetifyjs.com"
-            prepend-icon="mdi-account-group-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Connect with Vuetify developers."
-            target="_blank"
-            title="Community"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
+            :title="link.title"
+            variant="tonal"
+          />
         </v-col>
       </v-row>
-    </v-responsive>
+    </div>
   </v-container>
 </template>
 <script setup>
-  //
+  const links = [
+    {
+      href: 'https://vuetifyjs.com/',
+      icon: 'mdi-text-box-outline',
+      subtitle: 'Learn about all things Vuetify in our documentation.',
+      title: 'Documentation',
+    },
+    {
+      href: 'https://vuetifyjs.com/introduction/why-vuetify/#feature-guides',
+      icon: 'mdi-star-circle-outline',
+      subtitle: 'Explore available framework Features.',
+      title: 'Features',
+    },
+    {
+      href: 'https://vuetifyjs.com/components/all',
+      icon: 'mdi-widgets-outline',
+      subtitle: 'Discover components in the API Explorer.',
+      title: 'Components',
+    },
+    {
+      href: 'https://discord.vuetifyjs.com',
+      icon: 'mdi-account-group-outline',
+      subtitle: 'Connect with Vuetify developers.',
+      title: 'Community',
+    },
+  ]
 </script>

package/template/javascript/base/src/router/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
 /**
  * router/index.ts
  *

package/template/javascript/base/vite.config.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ export default defineConfig({
   plugins: [
     VueRouter(),
     Vue({
-      template: { transformAssetUrls }
+      template: { transformAssetUrls },
     }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
     Vuetify({
@@ -33,10 +33,19 @@ export default defineConfig({
       },
     }),
   ],
+  optimizeDeps: {
+    exclude: [
+      'vuetify',
+      'vue-router',
+      'unplugin-vue-router/runtime',
+      'unplugin-vue-router/data-loaders',
+      'unplugin-vue-router/data-loaders/basic',
+    ],
+  },
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
     extensions: [
       '.js',
@@ -56,6 +65,9 @@ export default defineConfig({
       sass: {
         api: 'modern-compiler',
       },
+      scss: {
+        api: 'modern-compiler',
+      },
     },
   },
 })

package/template/javascript/default/package.json CHANGED Viewed

@@ -10,16 +10,16 @@
   "dependencies": {
     "@mdi/font": "7.4.47",
     "roboto-fontface": "*",
-    "vue": "^3.4.31",
-    "vuetify": "^3.6.14"
+    "vue": "^3.5.13",
+    "vuetify": "^3.8.1"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.5",
-    "sass": "1.77.8",
-    "sass-embedded": "^1.77.8",
-    "unplugin-fonts": "^1.1.1",
-    "unplugin-vue-components": "^0.27.2",
-    "vite-plugin-vuetify": "^2.0.3",
-    "vite": "^5.4.0"
+    "@vitejs/plugin-vue": "^5.2.3",
+    "globals": "^16.0.0",
+    "sass-embedded": "^1.86.3",
+    "unplugin-fonts": "^1.3.1",
+    "unplugin-vue-components": "^28.4.1",
+    "vite-plugin-vuetify": "^2.1.1",
+    "vite": "^6.2.2"
   }
-}
+}

package/template/javascript/default/src/components/AppFooter.vue CHANGED Viewed

@@ -1,13 +1,16 @@
 <template>
-  <v-footer height="40" app>
+  <v-footer
+    app
+    height="40"
+  >
     <a
       v-for="item in items"
       :key="item.title"
-      :href="item.href"
-      :title="item.title"
       class="d-inline-block mx-2 social-link"
+      :href="item.href"
       rel="noopener noreferrer"
       target="_blank"
+      :title="item.title"
     >
       <v-icon
         :icon="item.icon"

package/template/javascript/default/src/components/HelloWorld.vue CHANGED Viewed

@@ -1,23 +1,17 @@
 <template>
-  <v-container class="fill-height">
-    <v-responsive
-      class="align-centerfill-height mx-auto"
-      max-width="900"
-    >
+  <v-container class="fill-height" max-width="900">
+    <div>
       <v-img
         class="mb-4"
         height="150"
         src="@/assets/logo.png"
       />
-      <div class="text-center">
+      <div class="mb-8 text-center">
         <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
         <h1 class="text-h2 font-weight-bold">Vuetify</h1>
       </div>
-      <div class="py-4" />
       <v-row>
         <v-col cols="12">
           <v-card
@@ -26,14 +20,16 @@
             image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
             prepend-icon="mdi-rocket-launch-outline"
             rounded="lg"
-            variant="outlined"
+            variant="tonal"
           >
             <template #image>
               <v-img position="top right" />
             </template>
             <template #title>
-              <h2 class="text-h5 font-weight-bold">Get started</h2>
+              <h2 class="text-h5 font-weight-bold">
+                Get started
+              </h2>
             </template>
             <template #subtitle>
@@ -41,117 +37,54 @@
                 Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
               </div>
             </template>
-            <v-overlay
-              opacity=".12"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/"
-            prepend-icon="mdi-text-box-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Learn about all things Vuetify in our documentation."
-            target="_blank"
-            title="Documentation"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
-            prepend-icon="mdi-star-circle-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Explore available framework Features."
-            target="_blank"
-            title="Features"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
           </v-card>
         </v-col>
-        <v-col cols="6">
+        <v-col v-for="link in links" :key="link.href" cols="6">
           <v-card
             append-icon="mdi-open-in-new"
             class="py-4"
             color="surface-variant"
-            href="https://vuetifyjs.com/components/all"
-            prepend-icon="mdi-widgets-outline"
+            :href="link.href"
+            :prepend-icon="link.icon"
             rel="noopener noreferrer"
             rounded="lg"
-            subtitle="Discover components in the API Explorer."
+            :subtitle="link.subtitle"
             target="_blank"
-            title="Components"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
-        </v-col>
-        <v-col cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            href="https://discord.vuetifyjs.com"
-            prepend-icon="mdi-account-group-outline"
-            rel="noopener noreferrer"
-            rounded="lg"
-            subtitle="Connect with Vuetify developers."
-            target="_blank"
-            title="Community"
-            variant="text"
-          >
-            <v-overlay
-              opacity=".06"
-              scrim="primary"
-              contained
-              model-value
-              persistent
-            />
-          </v-card>
+            :title="link.title"
+            variant="tonal"
+          />
         </v-col>
       </v-row>
-    </v-responsive>
+    </div>
   </v-container>
 </template>
 <script setup>
-  //
+  const links = [
+    {
+      href: 'https://vuetifyjs.com/',
+      icon: 'mdi-text-box-outline',
+      subtitle: 'Learn about all things Vuetify in our documentation.',
+      title: 'Documentation',
+    },
+    {
+      href: 'https://vuetifyjs.com/introduction/why-vuetify/#feature-guides',
+      icon: 'mdi-star-circle-outline',
+      subtitle: 'Explore available framework Features.',
+      title: 'Features',
+    },
+    {
+      href: 'https://vuetifyjs.com/components/all',
+      icon: 'mdi-widgets-outline',
+      subtitle: 'Discover components in the API Explorer.',
+      title: 'Components',
+    },
+    {
+      href: 'https://discord.vuetifyjs.com',
+      icon: 'mdi-account-group-outline',
+      subtitle: 'Connect with Vuetify developers.',
+      title: 'Community',
+    },
+  ]
 </script>

package/template/javascript/default/vite.config.mjs CHANGED Viewed

@@ -12,7 +12,7 @@ import { fileURLToPath, URL } from 'node:url'
 export default defineConfig({
   plugins: [
     Vue({
-      template: { transformAssetUrls }
+      template: { transformAssetUrls },
     }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
     Vuetify(),
@@ -26,10 +26,13 @@ export default defineConfig({
       },
     }),
   ],
+  optimizeDeps: {
+    exclude: ['vuetify'],
+  },
   define: { 'process.env': {} },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
     extensions: [
       '.js',
@@ -49,6 +52,9 @@ export default defineConfig({
       sass: {
         api: 'modern-compiler',
       },
+      scss: {
+        api:'modern-compiler',
+      },
     },
   },
 })