create-vue 2.0.5 → 2.1.0

package/template/config/typescript/node_modules/.bin/tsserver

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../../../../../node_modules/.pnpm/typescript@4.7.4/node_modules/typescript/bin/tsserver" "$@"
+fi

package/template/config/typescript/node_modules/.bin/vue-tsc

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.4_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+else
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vue-tsc@0.38.4_typescript@4.7.4/node_modules/vue-tsc/bin/vue-tsc.js" "$@"
+fi

package/template/config/typescript/package.json

@@ -1,11 +1,13 @@
 {
   "scripts": {
-    "build": "vue-tsc --noEmit && vite build",
-    "typecheck": "vue-tsc --noEmit"
+    "build": "run-p type-check build-only",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "@types/node": "^16.11.25",
-    "typescript": "~4.5.5",
-    "vue-tsc": "^0.31.4"
+    "@types/node": "^16.11.43",
+    "npm-run-all": "^4.1.5",
+    "typescript": "~4.7.4",
+    "vue-tsc": "^0.38.4"
   }
 }

package/template/config/vitest/node_modules/.bin/vitest

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="$NODE_PATH:/Users/haoqun/Developer/vuejs/vue-2-scaffolder/node_modules/.pnpm/node_modules"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.0_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
+else
+  exec node  "$basedir/../../../../../node_modules/.pnpm/vitest@0.18.0_jsdom@20.0.0/node_modules/vitest/vitest.mjs" "$@"
+fi

package/template/config/vitest/package.json

@@ -0,0 +1,14 @@
+{
+  "scripts": {
+    "test:unit": "vitest --environment jsdom"
+  },
+  "dependencies": {
+    "vue": "^2.7.4"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^1.3.0",
+    "jsdom": "^20.0.0",
+    "vitest": "^0.18.0",
+    "vue-template-compiler": "^2.7.4"
+  }
+}

package/template/config/vitest/src/components/__tests__/HelloWorld.spec.js

@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+  it('renders properly', () => {
+    const wrapper = mount(HelloWorld, { propsData: { msg: 'Hello Vitest' } })
+    expect(wrapper.text()).toContain('Hello Vitest')
+  })
+})

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

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

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

@@ -1,15 +1,11 @@
 import Vue from 'vue'
-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 = createApp({
+new Vue({
   pinia: createPinia(),
-  render: () => h(App)
-})
-app.use(PiniaVuePlugin)
-
-app.mount('#app')
+  render: (h) => h(App)
+}).$mount('#app')

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

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

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

@@ -1,17 +1,13 @@
 import Vue from 'vue'
-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 = createApp({
+new Vue({
   router,
   pinia: createPinia(),
-  render: () => h(App)
-})
-app.use(PiniaVuePlugin)
-
-app.mount('#app')
+  render: (h) => h(App)
+}).$mount('#app')

package/template/eslint/package.json

@@ -0,0 +1,11 @@
+{
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.1.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "eslint": "^8.5.0",
+    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-vue": "^9.0.0",
+    "prettier": "^2.5.1"
+  }
+}

package/template/tsconfig/base/package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "@vue/tsconfig": "^0.1.3"
+  }
+}

package/template/tsconfig/base/tsconfig.config.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*"],
+  "compilerOptions": {
+    "composite": true,
+    "types": ["node"]
+  }
+}

package/template/tsconfig/base/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    }
+  ]
+}

package/template/tsconfig/cypress/cypress/e2e/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["./**/*", "../support/**/*"],
+  "compilerOptions": {
+    "isolatedModules": false,
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  }
+}

package/template/tsconfig/cypress-ct/tsconfig.app.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/tsconfig/cypress-ct/tsconfig.cypress-ct.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.app.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "cypress/support/component.*"],
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true
+  }
+}

package/template/tsconfig/cypress-ct/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.cypress-ct.json"
+    }
+  ]
+}

package/template/tsconfig/vitest/package.json

@@ -0,0 +1,8 @@
+{
+  "scripts": {
+    "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false"
+  },
+  "devDependencies": {
+    "@types/jsdom": "^16.2.14"
+  }
+}

package/template/tsconfig/vitest/tsconfig.app.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/tsconfig/vitest/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.config.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ]
+}

package/template/tsconfig/vitest/tsconfig.vitest.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "lib": [],
+    "types": ["node", "jsdom"]
+  }
+}

package/template/code/default/src/components/__tests__/HelloWorld.spec.js

@@ -1,13 +0,0 @@
-import { mount } from '@cypress/vue'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
-  it('playground', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-  })
-
-  it('renders properly', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-    cy.get('h1').should('contain', 'Hello Cypress')
-  })
-})

package/template/code/router/cypress/integration/example.spec.js

@@ -1,13 +0,0 @@
-// https://docs.cypress.io/api/introduction/api.html
-
-describe('My First Test', () => {
-  it('visits the app root url', () => {
-    cy.visit('/')
-    cy.contains('h1', 'You did it!')
-  })
-
-  it('navigates to the about page', () => {
-    cy.visit('/about')
-    cy.contains('h1', 'This is an about page')
-  })
-})

package/template/code/router/src/components/__tests__/HelloWorld.spec.js

@@ -1,13 +0,0 @@
-import { mount } from '@cypress/vue'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
-  it('playground', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-  })
-
-  it('renders properly', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-    cy.get('h1').should('contain', 'Hello Cypress')
-  })
-})

package/template/code/typescript-default/cypress/integration/example.spec.ts

@@ -1,8 +0,0 @@
-// https://docs.cypress.io/api/introduction/api.html
-
-describe('My First Test', () => {
-  it('visits the app root url', () => {
-    cy.visit('/')
-    cy.contains('h1', 'You did it!')
-  })
-})

package/template/code/typescript-router/cypress/integration/example.spec.ts

@@ -1,13 +0,0 @@
-// https://docs.cypress.io/api/introduction/api.html
-
-describe('My First Test', () => {
-  it('visits the app root url', () => {
-    cy.visit('/')
-    cy.contains('h1', 'You did it!')
-  })
-
-  it('navigates to the about page', () => {
-    cy.visit('/about')
-    cy.contains('h1', 'This is an about page')
-  })
-})

package/template/code/typescript-router/src/components/__tests__/HelloWorld.spec.ts

@@ -1,13 +0,0 @@
-import { mount } from '@cypress/vue'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
-  it('playground', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-  })
-
-  it('renders properly', () => {
-    mount(HelloWorld, { propsData: { msg: 'Hello Cypress' } })
-    cy.get('h1').should('contain', 'Hello Cypress')
-  })
-})

package/template/config/cypress/cypress/plugins/index.js

@@ -1,28 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-const { startDevServer } = require('@cypress/vite-dev-server')
-
-/**
- * @type {Cypress.PluginConfig}
- */
-// eslint-disable-next-line no-unused-vars
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-  on('dev-server:start', (options) => {
-    return startDevServer({ options })
-  })
-  return config
-}

package/template/config/cypress/cypress.json

@@ -1,7 +0,0 @@
-{
-  "baseUrl": "http://localhost:5050",
-  "component": {
-    "componentFolder": "src",
-    "testFiles": "**/__tests__/*.spec.{js,ts,jsx,tsx}"
-  }
-}

package/template/config/typescript/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "./",
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "isolatedModules": true,
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true,
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
-    "skipLibCheck": true
-  },
-  "vueCompilerOptions": {
-    "experimentalCompatMode": 2
-  },
-  "include": ["vite.config.*", "env.d.ts", "src/**/*", "src/**/*.vue"]
-}