chore(templates): add vite html and config templates.

ElijahKotyluk · ElijahKotyluk · commit 693a48310273 · 2021-03-04T23:42:30.000-08:00
diff --git a/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/components/HelloWorld.js.vue b/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/components/HelloWorld.js.vue
@@ -12,7 +12,11 @@
 
       <v-col class="mb-4">
         <h1 class="display-2 font-weight-bold mb-3">
-          Welcome to Vuetify V3 Alpha
+          <%_ if (useVite) { _%>
+          Welcome to Vuetify 3 + Vite Preview
+          <%_ } else { _%>
+          Welcome to Vuetify 3 Alpha
+          <%_ } _%>
         </h1>
 
         <p class="subheading font-weight-regular">
diff --git a/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/index.vite.html b/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/index.vite.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+</head>
+
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
diff --git a/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/main.js b/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/main.js
@@ -1,14 +1,14 @@
 import { createApp } from 'vue'
 import vuetify from './plugins/vuetify'
-import App from './App'
-<_% if (router) { %_>
+import App from './App.vue'
+<%_ if (router) { _%>
 import router from './router'
-<_% } %_>
+<%_ } _%>
 
 const app = createApp(App)
-<_% if (router) { %_>
+<%_ if (router) { _%>
 app.use(router)
-<_% } %_>
+<%_ } _%>
 app.use(vuetify)
 
 app.mount('#app')
diff --git a/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/vite.config.js b/packages/vue-cli-plugin-vuetify/generator/templates/v3/src/vite.config.js
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  define: {
+    'process.env': {},
+  },
+  /* remove the need to specify .vue files https://vitejs.dev/config/#resolve-extensions
+  resolve: {
+    extensions: [
+      '.js',
+      '.json',
+      '.jsx',
+      '.mjs',
+      '.ts',
+      '.tsx',
+      '.vue',
+    ]
+  },
+  */
+})
