{
"semi": false,
- "tabWidth": 2,
"singleQuote": true,
- "printWidth": 100,
- "trailingComma": "none"
+ "printWidth": 100
}
needsVitest: false,
needsCypress: false,
needsCypressCT: false,
- needsPlaywright: false
+ needsPlaywright: false,
})
expect(additionalConfigs).toStrictEqual([])
})
needsVitest: true,
needsCypress: false,
needsCypressCT: false,
- needsPlaywright: false
+ needsPlaywright: false,
})
expect(additionalConfigs).toHaveLength(1)
const [additionalVitestConfig] = additionalConfigs
needsVitest: false,
needsCypress: true,
needsCypressCT: false,
- needsPlaywright: false
+ needsPlaywright: false,
})
expect(additionalConfigs).toHaveLength(1)
const [additionalCypressConfig] = additionalConfigs
expect(additionalCypressConfig.afterVuePlugin).toHaveLength(1)
const [additionalCypressPlugin] = additionalCypressConfig.afterVuePlugin!
expect(additionalCypressPlugin.importer).toBe(
- "import pluginCypress from 'eslint-plugin-cypress/flat'"
+ "import pluginCypress from 'eslint-plugin-cypress/flat'",
)
expect(additionalCypressPlugin.content).toContain('...pluginCypress.configs.recommended')
expect(additionalCypressPlugin.content).toContain(
- "'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'"
+ "'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'",
)
expect(additionalCypressPlugin.content).toContain("'cypress/support/**/*.{js,ts,jsx,tsx}'")
})
needsVitest: false,
needsCypress: true,
needsCypressCT: true,
- needsPlaywright: false
+ needsPlaywright: false,
})
expect(additionalConfigs).toHaveLength(1)
const [additionalCypressConfig] = additionalConfigs
expect(additionalCypressConfig.afterVuePlugin).toHaveLength(1)
const [additionalCypressPlugin] = additionalCypressConfig.afterVuePlugin!
expect(additionalCypressPlugin.importer).toBe(
- "import pluginCypress from 'eslint-plugin-cypress/flat'"
+ "import pluginCypress from 'eslint-plugin-cypress/flat'",
)
expect(additionalCypressPlugin.content).toContain('...pluginCypress.configs.recommended')
expect(additionalCypressPlugin.content).toContain("'**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}'")
expect(additionalCypressPlugin.content).toContain(
- "'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'"
+ "'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'",
)
expect(additionalCypressPlugin.content).toContain("'cypress/support/**/*.{js,ts,jsx,tsx}'")
})
needsVitest: false,
needsCypress: false,
needsCypressCT: false,
- needsPlaywright: true
+ needsPlaywright: true,
})
expect(additionalConfigs).toHaveLength(1)
const [additionalPlaywrightConfig] = additionalConfigs
expect(
- additionalPlaywrightConfig.devDependencies['eslint-plugin-playwright']
+ additionalPlaywrightConfig.devDependencies['eslint-plugin-playwright'],
).not.toBeUndefined()
expect(additionalPlaywrightConfig.afterVuePlugin).toHaveLength(1)
const [additionalPlaywrightPlugin] = additionalPlaywrightConfig.afterVuePlugin!
expect(additionalPlaywrightPlugin.importer).toBe(
- "import pluginPlaywright from 'eslint-plugin-playwright'"
+ "import pluginPlaywright from 'eslint-plugin-playwright'",
)
expect(additionalPlaywrightPlugin.content).toContain(
- "...pluginPlaywright.configs['flat/recommended']"
+ "...pluginPlaywright.configs['flat/recommended']",
)
expect(additionalPlaywrightPlugin.content).toContain(
- "files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}']"
+ "files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}']",
)
})
})
dependencies: {
vue: '^3.3.4',
'vue-router': '^4.2.5',
- pinia: '^2.1.7'
+ pinia: '^2.1.7',
},
devDependencies: {
'@vitejs/plugin-vue-jsx': '^3.0.2',
'@vitejs/plugin-vue': '^4.4.0',
'eslint-plugin-cypress': '^2.15.1',
'eslint-plugin-vue': '^9.17.0',
- vitest: '^0.34.6'
- }
+ vitest: '^0.34.6',
+ },
}
expect(sortDependencies(packageJson)).toStrictEqual({
dependencies: {
pinia: '^2.1.7',
vue: '^3.3.4',
- 'vue-router': '^4.2.5'
+ 'vue-router': '^4.2.5',
},
devDependencies: {
'@vitejs/plugin-vue': '^4.4.0',
jsdom: '^22.1.0',
'start-server-and-test': '^2.0.1',
vite: '^4.4.11',
- vitest: '^0.34.6'
- }
+ vitest: '^0.34.6',
+ },
})
})
})
postOrderDirectoryTraverse(
dir,
(dir) => fs.rmdirSync(dir),
- (file) => fs.unlinkSync(file)
+ (file) => fs.unlinkSync(file),
)
}
console.log(
process.stdout.isTTY && process.stdout.getColorDepth() > 8
? banners.gradientBanner
- : banners.defaultBanner
+ : banners.defaultBanner,
)
console.log()
'vue-router': { type: 'boolean' },
router: { type: 'boolean' },
'vue-devtools': { type: 'boolean' },
- devtools: { type: 'boolean' }
+ devtools: { type: 'boolean' },
} as const
const { values: argv, positionals } = parseArgs({
args,
options,
- strict: false
+ strict: false,
})
// if any of the feature flags is set, we would skip the feature prompts
type: targetDir ? null : 'text',
message: language.projectName.message,
initial: defaultProjectName,
- onState: (state) => (targetDir = String(state.value).trim() || defaultProjectName)
+ onState: (state) => (targetDir = String(state.value).trim() || defaultProjectName),
},
{
name: 'shouldOverwrite',
},
initial: true,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'overwriteChecker',
throw new Error(red('✖') + ` ${language.errors.operationCancelled}`)
}
return null
- }
+ },
},
{
name: 'packageName',
type: () => (isValidPackageName(targetDir) ? null : 'text'),
message: language.packageName.message,
initial: () => toValidPackageName(targetDir),
- validate: (dir) => isValidPackageName(dir) || language.packageName.invalidMessage
+ validate: (dir) => isValidPackageName(dir) || language.packageName.invalidMessage,
},
{
name: 'needsTypeScript',
message: language.needsTypeScript.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsJsx',
message: language.needsJsx.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsRouter',
message: language.needsRouter.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsPinia',
message: language.needsPinia.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsVitest',
message: language.needsVitest.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsE2eTesting',
choices: (prev, answers) => [
{
title: language.needsE2eTesting.selectOptions.negative.title,
- value: false
+ value: false,
},
{
title: language.needsE2eTesting.selectOptions.cypress.title,
description: answers.needsVitest
? undefined
: language.needsE2eTesting.selectOptions.cypress.desc,
- value: 'cypress'
+ value: 'cypress',
},
{
title: language.needsE2eTesting.selectOptions.nightwatch.title,
description: answers.needsVitest
? undefined
: language.needsE2eTesting.selectOptions.nightwatch.desc,
- value: 'nightwatch'
+ value: 'nightwatch',
},
{
title: language.needsE2eTesting.selectOptions.playwright.title,
- value: 'playwright'
- }
- ]
+ value: 'playwright',
+ },
+ ],
},
{
name: 'needsEslint',
message: language.needsEslint.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsPrettier',
message: language.needsPrettier.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
+ inactive: language.defaultToggleOptions.inactive,
},
{
name: 'needsDevTools',
message: language.needsDevTools.message,
initial: false,
active: language.defaultToggleOptions.active,
- inactive: language.defaultToggleOptions.inactive
- }
+ inactive: language.defaultToggleOptions.inactive,
+ },
],
{
onCancel: () => {
throw new Error(red('✖') + ` ${language.errors.operationCancelled}`)
- }
- }
+ },
+ },
)
} catch (cancelled) {
console.log(cancelled.message)
needsVitest = argv.vitest || argv.tests,
needsEslint = argv.eslint || argv['eslint-with-prettier'],
needsPrettier = argv['eslint-with-prettier'],
- needsDevTools = argv.devtools || argv['vue-devtools']
+ needsDevTools = argv.devtools || argv['vue-devtools'],
} = result
const { needsE2eTesting } = result
// All templates contain at least a `.node` and a `.app` tsconfig.
references: [
{
- path: './tsconfig.node.json'
+ path: './tsconfig.node.json',
},
{
- path: './tsconfig.app.json'
- }
- ]
+ path: './tsconfig.app.json',
+ },
+ ],
}
if (needsCypress) {
render('tsconfig/cypress')
// (Cypress uses the ts-node/esm loader when `type: module` is specified in package.json.)
// @ts-ignore
rootTsConfig.compilerOptions = {
- module: 'NodeNext'
+ module: 'NodeNext',
}
}
if (needsCypressCT) {
render('tsconfig/cypress-ct')
// Cypress Component Testing needs a standalone tsconfig.
rootTsConfig.references.push({
- path: './tsconfig.cypress-ct.json'
+ path: './tsconfig.cypress-ct.json',
})
}
if (needsPlaywright) {
render('tsconfig/vitest')
// Vitest needs a standalone tsconfig.
rootTsConfig.references.push({
- path: './tsconfig.vitest.json'
+ path: './tsconfig.vitest.json',
})
}
if (needsNightwatch) {
render('tsconfig/nightwatch')
// Nightwatch needs a standalone tsconfig, but in a different folder.
rootTsConfig.references.push({
- path: './nightwatch/tsconfig.json'
+ path: './nightwatch/tsconfig.json',
})
}
if (needsNightwatchCT) {
fs.writeFileSync(
path.resolve(root, 'tsconfig.json'),
JSON.stringify(rootTsConfig, null, 2) + '\n',
- 'utf-8'
+ 'utf-8',
)
}
needsCypress,
needsCypressCT,
needsPrettier,
- needsPlaywright
+ needsPlaywright,
})
render('config/eslint')
}
fs.writeFileSync(dest, content)
fs.unlinkSync(filepath)
}
- }
+ },
)
// Cleanup.
} else if (path.basename(filepath) === 'jsconfig.json') {
fs.unlinkSync(filepath)
}
- }
+ },
)
// Rename entry in `index.html`
if (filepath.endsWith('.ts')) {
fs.unlinkSync(filepath)
}
- }
+ },
)
}
needsPlaywright,
needsNightwatchCT,
needsCypressCT,
- needsEslint
- })
+ needsEslint,
+ }),
)
console.log(`\n${language.infos.done}\n`)
if (root !== cwd) {
const cdProjectName = path.relative(cwd, root)
console.log(
- ` ${bold(green(`cd ${cdProjectName.includes(' ') ? `"${cdProjectName}"` : cdProjectName}`))}`
+ ` ${bold(green(`cd ${cdProjectName.includes(' ') ? `"${cdProjectName}"` : cdProjectName}`))}`,
)
}
console.log(` ${bold(green(getCommand(packageManager, 'install')))}`)
const result = await resolve('prompts/lib/index.js', {
importer,
resolveDir,
- kind: 'import-statement'
+ kind: 'import-statement',
})
return result
})
- }
+ },
},
{
allTemplateFileNames.map((fileName) => {
const content = fs.readFileSync(path.resolve(templatesDir, fileName), 'utf8')
return [`./templates/${fileName}`, content]
- })
+ }),
)
return {
return ejs.render(templates[filePath], data, {})
}
`,
- loader: 'js'
+ loader: 'js',
}
})
- }
+ },
},
esbuildPluginLicense({
`\n## Licenses of bundled dependencies\n\n` +
`The published create-vue artifact additionally contains code with the following licenses:\n` +
[...new Set(dependencies.map((dependency) => dependency.packageJson.license))].join(
- ', '
+ ', ',
) +
'\n\n' +
`## Bundled dependencies\n\n` +
.join('\n\n')
return licenseText
- }
- }
- }
- })
- ]
+ },
+ },
+ },
+ }),
+ ],
})
'vitest',
'cypress',
'playwright',
- 'nightwatch'
+ 'nightwatch',
]
const featureFlagsDenylist = [
['cypress', 'playwright'],
['playwright', 'nightwatch'],
['cypress', 'nightwatch'],
- ['cypress', 'playwright', 'nightwatch']
+ ['cypress', 'playwright', 'nightwatch'],
]
// The following code & comments are generated by GitHub CoPilot.
['default'],
['devtools', 'router', 'pinia'],
['eslint'],
- ['eslint-with-prettier']
+ ['eslint-with-prettier'],
)
// `--with-tests` are equivalent of `--vitest --cypress`
// They may be removed in later releases.
const withTestsFlags = fullCombination(['typescript', 'jsx', 'router', 'pinia']).map((args) => [
...args,
- 'with-tests'
+ 'with-tests',
])
withTestsFlags.push(['with-tests'])
// Filter out combinations that are not allowed
flagCombinations = flagCombinations.filter(
(combination) =>
- !featureFlagsDenylist.some((denylist) => denylist.every((flag) => combination.includes(flag)))
+ !featureFlagsDenylist.some((denylist) => denylist.every((flag) => combination.includes(flag))),
)
const bin = path.posix.relative('../playground/', '../outfile.cjs')
{
id: 'vue',
importer: "import vue from '@vitejs/plugin-vue'",
- initializer: 'vue()'
- }
- ]
+ initializer: 'vue()',
+ },
+ ],
}
}
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
- }
- }
+ },
+ },
})
defineProps({
msg: {
type: String,
- required: true
- }
+ required: true,
+ },
})
</script>
This project is served and bundled with
<a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
recommended IDE setup is
- <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+ <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+ +
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
- <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+ <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
+ and
<a href="https://on.cypress.io/component" target="_blank" rel="noopener"
>Cypress Component Testing</a
>.
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
>StackOverflow</a
>. You should also subscribe to
- <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
- the official
+ <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a>
+ and follow the official
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem>
defineProps({
msg: {
type: String,
- required: true
- }
+ required: true,
+ },
})
</script>
This project is served and bundled with
<a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
recommended IDE setup is
- <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+ <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+ +
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
- <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+ <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
+ and
<a href="https://on.cypress.io/component" target="_blank" rel="noopener"
>Cypress Component Testing</a
>.
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
>StackOverflow</a
>. You should also subscribe to
- <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
- the official
+ <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a>
+ and follow the official
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem>
{
path: '/',
name: 'home',
- component: HomeView
+ component: HomeView,
},
{
path: '/about',
// 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('../views/AboutView.vue')
- }
- ]
+ component: () => import('../views/AboutView.vue'),
+ },
+ ],
})
export default router
This project is served and bundled with
<a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
recommended IDE setup is
- <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+ <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+ +
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
- <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+ <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
+ and
<a href="https://on.cypress.io/component" target="_blank" rel="noopener"
>Cypress Component Testing</a
>.
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
>StackOverflow</a
>. You should also subscribe to
- <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
- the official
+ <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a>
+ and follow the official
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem>
This project is served and bundled with
<a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
recommended IDE setup is
- <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+ <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+ +
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
- <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+ <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
+ and
<a href="https://on.cypress.io/component" target="_blank" rel="noopener"
>Cypress Component Testing</a
>.
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
>StackOverflow</a
>. You should also subscribe to
- <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
- the official
+ <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a>
+ and follow the official
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem>
{
path: '/',
name: 'home',
- component: HomeView
+ component: HomeView,
},
{
path: '/about',
// 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('../views/AboutView.vue')
- }
- ]
+ component: () => import('../views/AboutView.vue'),
+ },
+ ],
})
export default router
export default defineConfig({
e2e: {
specPattern: 'cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}',
- baseUrl: 'http://localhost:4173'
+ baseUrl: 'http://localhost:4173',
},
component: {
specPattern: 'src/**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}',
devServer: {
framework: 'vue',
- bundler: 'vite'
- }
- }
+ bundler: 'vite',
+ },
+ },
})
export default defineConfig({
e2e: {
specPattern: 'cypress/e2e/**/*.{cy,spec}.{js,jsx,ts,tsx}',
- baseUrl: 'http://localhost:4173'
- }
+ baseUrl: 'http://localhost:4173',
+ },
})
const vueDevtoolsPlugin = {
id: 'vite-plugin-vue-devtools',
importer: "import vueDevTools from 'vite-plugin-vue-devtools'",
- initializer: 'vueDevTools()'
+ initializer: 'vueDevTools()',
}
return {
...oldData,
- plugins: [...oldData.plugins, vueDevtoolsPlugin]
+ plugins: [...oldData.plugins, vueDevtoolsPlugin],
}
}
const vueJsxPlugin = {
name: 'vueJsx',
importer: "import vueJsx from '@vitejs/plugin-vue-jsx'",
- initializer: 'vueJsx()'
+ initializer: 'vueJsx()',
}
return {
...oldData,
// Append the vueJsx plugin right after the vue plugin
plugins: oldData.plugins.flatMap((plugin) =>
- plugin.id === 'vue' ? [plugin, vueJsxPlugin] : plugin
- )
+ plugin.id === 'vue' ? [plugin, vueJsxPlugin] : plugin,
+ ),
}
}
return {
...plugin,
- initializer: "nightwatchPlugin({\n renderPage: './nightwatch/index.html'\n })"
+ initializer: "nightwatchPlugin({\n renderPage: './nightwatch/index.html'\n })",
}
- })
+ }),
}
}
vite_dev_server: {
start_vite: true,
- port: process.env.CI ? 4173 : 5173
+ port: process.env.CI ? 4173 : 5173,
},
webdriver: {},
test_workers: {
enabled: true,
- workers: 'auto'
+ workers: 'auto',
},
test_settings: {
screenshots: {
enabled: false,
path: 'screens',
- on_failure: true
+ on_failure: true,
},
desiredCapabilities: {
- browserName: 'firefox'
+ browserName: 'firefox',
},
webdriver: {
start_process: true,
- server_path: ''
- }
+ server_path: '',
+ },
},
safari: {
desiredCapabilities: {
browserName: 'safari',
alwaysMatch: {
- acceptInsecureCerts: false
- }
+ acceptInsecureCerts: false,
+ },
},
webdriver: {
start_process: true,
- server_path: ''
- }
+ server_path: '',
+ },
},
firefox: {
args: [
// '-headless',
// '-verbose'
- ]
- }
- }
+ ],
+ },
+ },
},
webdriver: {
start_process: true,
cli_args: [
// very verbose geckodriver logs
// '-vv'
- ]
- }
+ ],
+ },
},
chrome: {
//'--ignore-certificate-errors',
//'--allow-insecure-localhost',
//'--headless'
- ]
- }
+ ],
+ },
},
webdriver: {
server_path: '',
cli_args: [
// --verbose
- ]
- }
+ ],
+ },
},
edge: {
// More info on EdgeDriver: https://docs.microsoft.com/en-us/microsoft-edge/webdriver-chromium/capabilities-edge-options
args: [
//'--headless'
- ]
- }
+ ],
+ },
},
webdriver: {
server_path: '',
cli_args: [
// --verbose
- ]
- }
- }
- }
+ ],
+ },
+ },
+ },
}
const nightwatchPlugin = {
id: 'nightwatch',
importer: "import nightwatchPlugin from 'vite-plugin-nightwatch'",
- initializer: 'nightwatchPlugin()'
+ initializer: 'nightwatchPlugin()',
}
return {
...oldData,
- plugins: [...oldData.plugins, nightwatchPlugin]
+ plugins: [...oldData.plugins, nightwatchPlugin],
}
}
* Maximum time expect() should wait for the condition to be met.
* For example in `await expect(locator).toHaveText();`
*/
- timeout: 5000
+ timeout: 5000,
},
/* Fail the build on CI if you accidentally left test.only in the source code. */
forbidOnly: !!process.env.CI,
trace: 'on-first-retry',
/* Only on CI systems run the tests headless */
- headless: !!process.env.CI
+ headless: !!process.env.CI,
},
/* Configure projects for major browsers */
{
name: 'chromium',
use: {
- ...devices['Desktop Chrome']
- }
+ ...devices['Desktop Chrome'],
+ },
},
{
name: 'firefox',
use: {
- ...devices['Desktop Firefox']
- }
+ ...devices['Desktop Firefox'],
+ },
},
{
name: 'webkit',
use: {
- ...devices['Desktop Safari']
- }
- }
+ ...devices['Desktop Safari'],
+ },
+ },
/* Test against mobile viewports. */
// {
*/
command: process.env.CI ? 'npm run preview' : 'npm run dev',
port: process.env.CI ? 4173 : 5173,
- reuseExistingServer: !process.env.CI
- }
+ reuseExistingServer: !process.env.CI,
+ },
})
test: {
environment: 'jsdom',
exclude: [...configDefaults.exclude, 'e2e/**'],
- root: fileURLToPath(new URL('./', import.meta.url))
- }
- })
+ root: fileURLToPath(new URL('./', import.meta.url)),
+ },
+ }),
)
'## Type Support for `.vue` Imports in TS',
'',
'TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.',
- ''
+ '',
].join('\n')
export default function generateReadme({
needsNightwatchCT,
needsPlaywright,
needsVitest,
- needsEslint
+ needsEslint,
}) {
const commandFor = (scriptName: string, args?: string) =>
getCommand(packageManager, scriptName, args)
export default function renderEslint(
rootDir,
- { needsTypeScript, needsVitest, needsCypress, needsCypressCT, needsPrettier, needsPlaywright }
+ { needsTypeScript, needsVitest, needsCypress, needsCypressCT, needsPrettier, needsPlaywright },
) {
const additionalConfigs = getAdditionalConfigs({
needsVitest,
needsCypress,
needsCypressCT,
- needsPlaywright
+ needsPlaywright,
})
const { pkg, files } = createESLintConfig({
hasTypeScript: needsTypeScript,
needsPrettier,
- additionalConfigs
+ additionalConfigs,
})
const scripts: Record<string, string> = {
- lint: 'eslint . --fix'
+ lint: 'eslint . --fix',
}
// Theoretically, we could add Prettier without requring ESLint.
needsVitest,
needsCypress,
needsCypressCT,
- needsPlaywright
+ needsPlaywright,
}) {
const additionalConfigs: AdditionalConfigArray = []
if (needsVitest) {
additionalConfigs.push({
- devDependencies: { '@vitest/eslint-plugin': eslintDeps['@vitest/eslint-plugin'] },
+ devDependencies: {
+ '@vitest/eslint-plugin': eslintDeps['@vitest/eslint-plugin'],
+ },
afterVuePlugin: [
{
importer: `import pluginVitest from '@vitest/eslint-plugin'`,
{
...pluginVitest.configs.recommended,
files: ['src/**/__tests__/*'],
- },`
- }
- ]
+ },`,
+ },
+ ],
})
}
if (needsCypress) {
additionalConfigs.push({
- devDependencies: { 'eslint-plugin-cypress': eslintDeps['eslint-plugin-cypress'] },
+ devDependencies: {
+ 'eslint-plugin-cypress': eslintDeps['eslint-plugin-cypress'],
+ },
afterVuePlugin: [
{
importer: "import pluginCypress from 'eslint-plugin-cypress/flat'",
${[
...(needsCypressCT ? ["'**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}',"] : []),
'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
- 'cypress/support/**/*.{js,ts,jsx,tsx}'
+ 'cypress/support/**/*.{js,ts,jsx,tsx}',
]
.map(JSON.stringify.bind(JSON))
.join(',\n ')
.replace(/"/g, "'" /* use single quotes as in the other configs */)}
],
- },`
- }
- ]
+ },`,
+ },
+ ],
})
}
if (needsPlaywright) {
additionalConfigs.push({
- devDependencies: { 'eslint-plugin-playwright': eslintDeps['eslint-plugin-playwright'] },
+ devDependencies: {
+ 'eslint-plugin-playwright': eslintDeps['eslint-plugin-playwright'],
+ },
afterVuePlugin: [
{
importer: "import pluginPlaywright from 'eslint-plugin-playwright'",
{
...pluginPlaywright.configs['flat/recommended'],
files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}'],
- },`
- }
- ]
+ },`,
+ },
+ ],
})
}
// Though current `getData` are all sync, we still retain the possibility of async
dataStore[dest] = await getData({
- oldData: dataStore[dest] || {}
+ oldData: dataStore[dest] || {},
})
})
return {
...packageJson,
- ...sorted
+ ...sorted,
}
}
export default defineConfig({
test: {
- include: ['__test__/**.spec.ts']
- }
+ include: ['__test__/**.spec.ts'],
+ },
})
projects / thirdparty / vuejs / create-vue.git / commitdiff
