create-vuetify 1.0.3 → 1.0.5

package/template/typescript/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/typescript/essentials/src/main.ts

@@ -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/typescript/essentials/src/plugins/index.ts

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

package/template/typescript/essentials/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/essentials/tsconfig.json

@@ -13,7 +13,10 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "lib": ["esnext", "dom"],
-    "types": ["vuetify"],
+    "types": [
+      "node",
+      "vuetify"
+    ],
     "paths": {
       "@/*": ["src/*"]
     },

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

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

package/template/typescript/essentials/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/base/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/template/typescript/default/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/template/typescript/essentials/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />