create-vue 2.0.0 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "2.0.0",
+  "version": "2.0.4",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "bin": {

package/template/base/package.json

@@ -5,15 +5,16 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

package/template/base/vite.config.js

@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

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

@@ -13,7 +13,7 @@ defineProps({
     <h3>
       You’ve successfully created a project with
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 2</a>.
+      <a target="_blank" href="https://v2.vuejs.org/">Vue 2</a>.
     </h3>
   </div>
 </template>

package/template/code/default/src/components/TheWelcome.vue

@@ -16,7 +16,7 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Documentation</template>
 
       Vue’s
-      <a target="_blank" href="https://v3.vuejs.org/">official documentation</a>
+      <a target="_blank" href="https://v2.vuejs.org/">official documentation</a>
       provides you with all information you need to get started.
     </WelcomeItem>
 
@@ -48,8 +48,8 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Ecosystem</template>
 
       Get official tools and libraries for your project:
-      <a target="_blank" href="https://vuex.vuejs.org/">Vuex</a>,
-      <a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
+      <a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
+      <a target="_blank" href="https://v3.router.vuejs.org/">Vue Router</a>,
       <a target="_blank" href="https://vue-test-utils.vuejs.org/">Vue Test Utils</a>, and
       <a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need
       more resources, we suggest paying
@@ -80,7 +80,7 @@ import SupportIcon from './icons/IconSupport.vue'
 
       As an independent project, Vue relies on community backing for its sustainability. You can
       help us by
-      <a target="_blank" href="https://vuejs.org/support-vuejs/">becoming a sponsor</a>.
+      <a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
     </WelcomeItem>
   </div>
 </template>

package/template/code/router/src/components/HelloWorld.vue

@@ -13,7 +13,7 @@ defineProps({
     <h3>
       You’ve successfully created a project with
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 2</a>.
+      <a target="_blank" href="https://v2.vuejs.org/">Vue 2</a>.
     </h3>
   </div>
 </template>

package/template/code/router/src/components/TheWelcome.vue

@@ -16,7 +16,7 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Documentation</template>
 
       Vue’s
-      <a target="_blank" href="https://v3.vuejs.org/">official documentation</a>
+      <a target="_blank" href="https://v2.vuejs.org/">official documentation</a>
       provides you with all information you need to get started.
     </WelcomeItem>
 
@@ -48,8 +48,8 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Ecosystem</template>
 
       Get official tools and libraries for your project:
-      <a target="_blank" href="https://vuex.vuejs.org/">Vuex</a>,
-      <a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
+      <a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
+      <a target="_blank" href="https://v3.router.vuejs.org/">Vue Router</a>,
       <a target="_blank" href="https://vue-test-utils.vuejs.org/">Vue Test Utils</a>, and
       <a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need
       more resources, we suggest paying
@@ -80,7 +80,7 @@ import SupportIcon from './icons/IconSupport.vue'
 
       As an independent project, Vue relies on community backing for its sustainability. You can
       help us by
-      <a target="_blank" href="https://vuejs.org/support-vuejs/">becoming a sponsor</a>.
+      <a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
     </WelcomeItem>
   </div>
 </template>

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

@@ -10,7 +10,7 @@ defineProps<{
     <h3>
       You’ve successfully created a project with
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 2</a>.
+      <a target="_blank" href="https://v2.vuejs.org/">Vue 2</a>.
     </h3>
   </div>
 </template>

package/template/code/typescript-default/src/components/TheWelcome.vue

@@ -16,7 +16,7 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Documentation</template>
 
       Vue’s
-      <a target="_blank" href="https://v3.vuejs.org/">official documentation</a>
+      <a target="_blank" href="https://v2.vuejs.org/">official documentation</a>
       provides you with all information you need to get started.
     </WelcomeItem>
 
@@ -48,8 +48,8 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Ecosystem</template>
 
       Get official tools and libraries for your project:
-      <a target="_blank" href="https://vuex.vuejs.org/">Vuex</a>,
-      <a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
+      <a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
+      <a target="_blank" href="https://v3.router.vuejs.org/">Vue Router</a>,
       <a target="_blank" href="https://vue-test-utils.vuejs.org/">Vue Test Utils</a>, and
       <a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need
       more resources, we suggest paying
@@ -80,7 +80,7 @@ import SupportIcon from './icons/IconSupport.vue'
 
       As an independent project, Vue relies on community backing for its sustainability. You can
       help us by
-      <a target="_blank" href="https://vuejs.org/support-vuejs/">becoming a sponsor</a>.
+      <a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
     </WelcomeItem>
   </div>
 </template>

package/template/code/typescript-router/src/components/HelloWorld.vue

@@ -10,7 +10,7 @@ defineProps<{
     <h3>
       You’ve successfully created a project with
       <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 2</a>. What's next?
+      <a target="_blank" href="https://v2.vuejs.org/">Vue 2</a>. What's next?
     </h3>
   </div>
 </template>

package/template/code/typescript-router/src/components/TheWelcome.vue

@@ -16,7 +16,7 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Documentation</template>
 
       Vue’s
-      <a target="_blank" href="https://v3.vuejs.org/">official documentation</a>
+      <a target="_blank" href="https://v2.vuejs.org/">official documentation</a>
       provides you with all information you need to get started.
     </WelcomeItem>
 
@@ -48,8 +48,8 @@ import SupportIcon from './icons/IconSupport.vue'
       <template #heading>Ecosystem</template>
 
       Get official tools and libraries for your project:
-      <a target="_blank" href="https://vuex.vuejs.org/">Vuex</a>,
-      <a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
+      <a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
+      <a target="_blank" href="https://v3.router.vuejs.org/">Vue Router</a>,
       <a target="_blank" href="https://vue-test-utils.vuejs.org/">Vue Test Utils</a>, and
       <a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need
       more resources, we suggest paying
@@ -80,7 +80,7 @@ import SupportIcon from './icons/IconSupport.vue'
 
       As an independent project, Vue relies on community backing for its sustainability. You can
       help us by
-      <a target="_blank" href="https://vuejs.org/support-vuejs/">becoming a sponsor</a>.
+      <a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
     </WelcomeItem>
   </div>
 </template>

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

@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

package/template/config/typescript/package.json

@@ -5,7 +5,7 @@
   },
   "devDependencies": {
     "@types/node": "^16.11.10",
-    "typescript": "~4.4.4",
-    "vue-tsc": "^0.29.6"
+    "typescript": "~4.5.5",
+    "vue-tsc": "^0.31.4"
   }
 }

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

@@ -1,12 +1,12 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
-  render: (h) => h(App)
+const app = createApp({
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

package/template/entry/pinia/src/main.js

@@ -1,15 +1,15 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

package/template/entry/router/src/main.js

@@ -1,14 +1,14 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
+const app = createApp({
   router,
-  render: (h) => h(App)
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

package/template/entry/router-and-pinia/src/main.js

@@ -1,17 +1,17 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   router,
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')