create-vuetify 1.0.3 → 1.0.5

package/template/javascript/default/src/main.js

@@ -12,12 +12,9 @@ import { createApp } from 'vue'
 
 // Plugins
 import { registerPlugins } from '@/plugins'
-import vuetify from './plugins/vuetify'
 
 const app = createApp(App)
 
 registerPlugins(app)
 
-app
-  .use(vuetify)
-  .mount('#app')
+app.mount('#app')

package/template/javascript/default/src/plugins/index.js

@@ -4,9 +4,11 @@
  * Automatically included in `./src/main.js`
  */
 
+// Plugins
 import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
 
-export function registerPlugins () {
+export function registerPlugins (app) {
   loadFonts()
+  app.use(vuetify)
 }
- 

package/template/javascript/default/vite.config.js

@@ -1,6 +1,6 @@
 // Plugins
 import vue from '@vitejs/plugin-vue'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
 import { defineConfig } from 'vite'
@@ -9,7 +9,9 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({ 
+      template: { transformAssetUrls }
+    }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
     vuetify({
       autoImport: true,

package/template/javascript/essentials/package.json

@@ -8,13 +8,13 @@
     "lint": "eslint . --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@mdi/font": "5.9.55",
+    "@mdi/font": "7.0.96",
     "core-js": "^3.8.3",
     "pinia": "^2.0.23",
     "roboto-fontface": "*",
     "vue": "^3.2.13",
-    "vue-router": "^4.0.0-0",
-    "vuetify": "^3.0.0-beta.0",
+    "vue-router": "^4.0.0",
+    "vuetify": "^3.0.0",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
@@ -22,7 +22,7 @@
     "eslint": "^8.22.0",
     "eslint-plugin-vue": "^9.3.0",
     "sass": "^1.55.0",
-    "vite": "^3.1.8",
+    "vite": "^3.1.9",
     "vite-plugin-vuetify": "^1.0.0-alpha.12"
   }
 }

package/template/javascript/essentials/src/components/HelloWorld.vue

@@ -4,7 +4,7 @@
       <v-img
         contain
         height="300"
-        src="src/assets/logo.svg"
+        src="@/assets/logo.svg"
       />
 
       <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>

package/template/javascript/essentials/src/main.js

@@ -12,16 +12,9 @@ import { createApp } from 'vue'
 
 // Plugins
 import { registerPlugins } from '@/plugins'
-import vuetify from './plugins/vuetify'
-import pinia from './store'
-import router from './router'
 
 const app = createApp(App)
 
 registerPlugins(app)
 
-app
-  .use(vuetify)
-  .use(router)
-  .use(pinia)
-  .mount('#app')
+app.mount('#app')

package/template/javascript/essentials/src/plugins/index.js

@@ -4,8 +4,16 @@
  * Automatically included in `./src/main.js`
  */
 
+// Plugins
 import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import pinia from '../store'
+import router from '../router'
 
-export function registerPlugins () {
+export function registerPlugins (app) {
   loadFonts()
+  app
+    .use(vuetify)
+    .use(router)
+    .use(pinia)
 }

package/template/javascript/essentials/vite.config.js

@@ -1,6 +1,6 @@
 // Plugins
 import vue from '@vitejs/plugin-vue'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
 import { defineConfig } from 'vite'
@@ -9,7 +9,9 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({ 
+      template: { transformAssetUrls }
+    }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
     vuetify({
       autoImport: true,

package/template/typescript/base/package.json

@@ -8,21 +8,24 @@
     "lint": "eslint . --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@mdi/font": "5.9.55",
+    "@mdi/font": "7.0.96",
     "core-js": "^3.8.3",
     "roboto-fontface": "*",
     "vue": "^3.2.13",
-    "vue-router": "^4.0.0-0",
-    "vuetify": "^3.0.0-beta.0",
+    "vue-router": "^4.0.0",
+    "vuetify": "^3.0.0",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
+    "@types/node": "^18.11.9",
+    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^3.0.3",
     "@vue/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.22.0",
     "eslint-plugin-vue": "^9.3.0",
     "sass": "^1.55.0",
     "typescript": "^4.0.0",
+    "vite": "^3.0.9",
     "vite-plugin-vuetify": "^1.0.0-alpha.12",
     "vue-tsc": "^1.0.9"
   }

package/template/typescript/base/src/components/HelloWorld.vue

@@ -4,7 +4,7 @@
       <v-img
         contain
         height="300"
-        src="src/assets/logo.svg"
+        src="@/assets/logo.svg"
       />
 
       <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>

package/template/typescript/base/src/main.ts

@@ -12,14 +12,9 @@ import { createApp } from 'vue'
 
 // Plugins
 import { registerPlugins } from '@/plugins'
-import vuetify from './plugins/vuetify'
-import router from './router'
 
 const app = createApp(App)
 
 registerPlugins(app)
 
-app
-  .use(vuetify)
-  .use(router)
-  .mount('#app')
+app.mount('#app')

package/template/typescript/base/src/plugins/index.ts

@@ -4,8 +4,17 @@
  * Automatically included in `./src/main.ts`
  */
 
+// Plugins
 import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import router from '../router'
 
-export function registerPlugins () {
+// Types
+import type { App } from 'vue'
+
+export function registerPlugins (app: App) {
   loadFonts()
+  app
+    .use(vuetify)
+    .use(router)
 }

package/template/typescript/base/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/template/typescript/base/tsconfig.json

@@ -1,28 +1,25 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "target": "esnext",
+    "target": "ESNext",
     "useDefineForClassFields": true,
-    "allowSyntheticDefaultImports": true,
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node",
+    "module": "ESNext",
+    "moduleResolution": "Node",
     "strict": true,
     "jsx": "preserve",
-    "sourceMap": false,
     "resolveJsonModule": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
-    "types": ["vuetify"],
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
     "paths": {
-      "@/*": ["src/*"]
-    },
+      "@/*": [
+       "src/*"
+      ]
+     }
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "vite.config.ts"
-  ]
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "exclude": ["node_modules"]
 }

package/template/typescript/base/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/typescript/base/vite.config.ts

@@ -1,6 +1,6 @@
 // Plugins
 import vue from '@vitejs/plugin-vue'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
 import { defineConfig } from 'vite'
@@ -9,7 +9,9 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({ 
+      template: { transformAssetUrls }
+    }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
     vuetify({
       autoImport: true,

package/template/typescript/custom/eslint/_eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+  ],
+  rules: {
+    'vue/multi-word-component-names': 'off',
+  },
+}

package/template/typescript/custom/eslint/package.json

@@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "lint": "eslint . --fix --ignore-path .gitignore"
+  },
+  "devDependencies": {
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.3.0"
+  }
+}

package/template/typescript/custom/router/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "vue-router": "^4.0.0"
+  }
+}

package/template/typescript/custom/router/src/layouts/default/Default.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-app>
+    <default-view />
+  </v-app>
+</template>
+
+<script lang="ts" setup>
+  import DefaultView from './View.vue'
+</script>

package/template/typescript/custom/router/src/layouts/default/View.vue

@@ -0,0 +1,9 @@
+<template>
+  <v-main>
+    <router-view />
+  </v-main>
+</template>
+
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/custom/router/src/plugins/index.ts

@@ -0,0 +1,20 @@
+/**
+ * plugins/index.ts
+ *
+ * Automatically included in `./src/main.ts`
+ */
+
+// Plugins
+import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import router from '../router'
+
+// Types
+import type { App } from 'vue'
+
+export function registerPlugins (app: App) {
+  loadFonts()
+  app
+    .use(vuetify)
+    .use(router)
+}

package/template/typescript/custom/router/src/router/index.ts

@@ -0,0 +1,26 @@
+// Composables
+import { createRouter, createWebHistory } from 'vue-router'
+
+const routes = [
+  {
+    path: '/',
+    component: () => import('@/layouts/default/Default.vue'),
+    children: [
+      {
+        path: '',
+        name: 'Home',
+        // route level code-splitting
+        // this generates a separate chunk (about.[hash].js) for this route
+        // which is lazy-loaded when the route is visited.
+        component: () => import(/* webpackChunkName: "home" */ '@/views/Home.vue'),
+      },
+    ],
+  },
+]
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes,
+})
+
+export default router

package/template/typescript/custom/router/src/views/Home.vue

@@ -0,0 +1,7 @@
+<template>
+  <HelloWorld />
+</template>
+
+<script lang="ts" setup>
+  import HelloWorld from '@/components/HelloWorld.vue'
+</script>

package/template/typescript/custom/router-pinia/src/plugins/index.ts

@@ -0,0 +1,22 @@
+/**
+ * plugins/index.ts
+ *
+ * Automatically included in `./src/main.ts`
+ */
+
+// Plugins
+import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import pinia from '../store'
+import router from '../router'
+
+// Types
+import type { App } from 'vue'
+
+export function registerPlugins (app: App) {
+  loadFonts()
+  app
+    .use(vuetify)
+    .use(router)
+    .use(pinia)
+}

package/template/typescript/custom/store/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "pinia": "^2.0.23"
+  }
+}

package/template/typescript/custom/store/src/plugins/index.ts

@@ -0,0 +1,20 @@
+/**
+ * plugins/index.ts
+ *
+ * Automatically included in `./src/main.ts`
+ */
+
+// Plugins
+import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
+import pinia from '../store'
+
+// Types
+import type { App } from 'vue'
+
+export function registerPlugins (app: App) {
+  loadFonts()
+  app
+    .use(vuetify)
+    .use(pinia)
+}

package/template/typescript/custom/store/src/store/app.ts

@@ -0,0 +1,8 @@
+// Utilities
+import { defineStore } from 'pinia'
+
+export const useAppStore = defineStore('app', {
+  state: () => ({
+    //
+  }),
+})

package/template/typescript/custom/store/src/store/index.ts

@@ -0,0 +1,4 @@
+// Utilities
+import { createPinia } from 'pinia'
+
+export default createPinia()

package/template/typescript/default/package.json

@@ -6,13 +6,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mdi/font": "5.9.55",
+    "@mdi/font": "7.0.96",
     "roboto-fontface": "*",
     "vue": "^3.2.38",
     "vuetify": "^3.0.0",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
+    "@types/node": "^18.11.9",
+    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^3.0.3",
     "typescript": "^4.0.0",
     "vite": "^3.0.9",

package/template/typescript/default/src/components/HelloWorld.vue

@@ -4,7 +4,7 @@
       <v-img
         contain
         height="300"
-        src="src/assets/logo.svg"
+        src="@/assets/logo.svg"
       />
 
       <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>

package/template/typescript/default/src/main.ts

@@ -12,12 +12,9 @@ import { createApp } from 'vue'
 
 // Plugins
 import { registerPlugins } from '@/plugins'
-import vuetify from './plugins/vuetify'
 
 const app = createApp(App)
 
 registerPlugins(app)
 
-app
-  .use(vuetify)
-  .mount('#app')
+app.mount('#app')

package/template/typescript/default/src/plugins/index.ts

@@ -4,9 +4,14 @@
  * Automatically included in `./src/main.ts`
  */
 
+// Plugins
 import { loadFonts } from './webfontloader'
+import vuetify from './vuetify'
 
-export function registerPlugins () {
+// Types
+import type { App } from 'vue'
+
+export function registerPlugins (app: App) {
   loadFonts()
+  app.use(vuetify)
 }
- 

package/template/typescript/default/src/vite-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/template/typescript/default/tsconfig.json

@@ -1,28 +1,25 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "target": "esnext",
+    "target": "ESNext",
     "useDefineForClassFields": true,
-    "allowSyntheticDefaultImports": true,
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node",
+    "module": "ESNext",
+    "moduleResolution": "Node",
     "strict": true,
     "jsx": "preserve",
-    "sourceMap": false,
     "resolveJsonModule": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
-    "types": ["vuetify"],
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
     "paths": {
-      "@/*": ["src/*"]
-    },
+      "@/*": [
+       "src/*"
+      ]
+     }
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "vite.config.ts"
-  ]
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "exclude": ["node_modules"]
 }

package/template/typescript/default/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/typescript/default/vite.config.ts

@@ -1,6 +1,6 @@
 // Plugins
 import vue from '@vitejs/plugin-vue'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
 import { defineConfig } from 'vite'
@@ -9,7 +9,9 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    vue({ 
+      template: { transformAssetUrls }
+    }),
     // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
     vuetify({
       autoImport: true,

package/template/typescript/essentials/package.json

@@ -8,23 +8,25 @@
     "lint": "eslint . --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@mdi/font": "5.9.55",
+    "@mdi/font": "7.0.96",
     "core-js": "^3.8.3",
     "pinia": "^2.0.23",
     "roboto-fontface": "*",
     "vue": "^3.2.13",
-    "vue-router": "^4.0.0-0",
-    "vuetify": "^3.0.0-beta.0",
+    "vue-router": "^4.0.0",
+    "vuetify": "^3.0.0",
     "webfontloader": "^1.0.0"
   },
   "devDependencies": {
+    "@types/node": "^18.11.9",
+    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^3.0.3",
     "@vue/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.22.0",
     "eslint-plugin-vue": "^9.3.0",
     "sass": "^1.55.0",
     "typescript": "^4.0.0",
-    "vite": "^3.1.8",
+    "vite": "^3.1.9",
     "vite-plugin-vuetify": "^1.0.0-alpha.12",
     "vue-tsc": "^1.0.9"
   }