create-quasar 1.5.6 → 1.7.0

package/.eslintrc.cjs

@@ -1,9 +1,17 @@
 module.exports = {
   root: true,
 
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+
   env: {
-    node: true,
-    es2020: true,
+    node: true
+  },
+
+  globals: {
+    Promise: 'readonly'
   },
 
   extends: [

package/index.js

@@ -1,131 +1,127 @@
 #!/usr/bin/env node
 
-const { readFileSync, readdirSync, existsSync } = require('fs')
+import { readFileSync, readdirSync, existsSync } from 'node:fs'
+import { join } from 'node:path'
 
 // display banner
 console.log()
 console.log(
   readFileSync(
-    require('path').join(__dirname, 'assets/logo.art'),
+    new URL('./assets/logo.art', import.meta.url),
     'utf8'
   )
 )
 
-const utils = require('./utils')
+import utils from './utils/index.js'
 
 // should error out if already inside of a Quasar project
 utils.ensureOutsideProject()
 
 const defaultProjectFolder = 'quasar-project'
+const scope = {}
 
-async function run () {
-  const scope = {}
-
-  await utils.prompts(scope, [
-    {
-      type: 'select',
-      name: 'projectType',
-      initial: 0,
-      message: 'What would you like to build?',
-      choices: [
-        { title: `App with Quasar CLI, let's go!`, value: 'app', description: 'spa/pwa/ssr/bex/electron/capacitor/cordova' },
-        { title: 'AppExtension (AE) for Quasar CLI', value: 'app-extension', description: 'Quasar CLI AE' },
-        { title: 'Quasar UI kit', value: 'ui-kit', description: 'Vue component and/or directive' }
-      ]
-    },
-    {
-      type: 'text',
-      name: 'projectFolder',
-      message: 'Project folder:',
-      initial: defaultProjectFolder,
-      format: val => {
-        const name = (val && val.trim()) || defaultProjectFolder
-        // inject the "short" name
-        scope.projectFolderName = name
-        return utils.join(process.cwd(), name)
+await utils.prompts(scope, [
+  {
+    type: 'select',
+    name: 'projectType',
+    initial: 0,
+    message: 'What would you like to build?',
+    choices: [
+      { title: 'App with Quasar CLI, let\'s go!', value: 'app', description: 'spa/pwa/ssr/bex/electron/capacitor/cordova' },
+      { title: 'AppExtension (AE) for Quasar CLI', value: 'app-extension', description: 'Quasar CLI AE' },
+      { title: 'Quasar UI kit', value: 'ui-kit', description: 'Vue component and/or directive' }
+    ]
+  },
+  {
+    type: 'text',
+    name: 'projectFolder',
+    message: 'Project folder:',
+    initial: defaultProjectFolder,
+    format: val => {
+      const name = (val && val.trim()) || defaultProjectFolder
+      // inject the "short" name
+      scope.projectFolderName = name
+      return join(process.cwd(), name)
+    }
+  },
+  {
+    type: (_, { projectFolder }) =>
+      (!existsSync(projectFolder) || readdirSync(projectFolder).length === 0 ? null : 'confirm'),
+    name: 'overwrite',
+    message: () =>
+      (scope.projectFolderName === '.'
+        ? 'Current directory'
+        : `Target directory "${ scope.projectFolderName }"`)
+      + ' is not empty. Remove existing files and continue?'
+  },
+  {
+    type: (_, { overwrite } = {}) => {
+      if (overwrite === false) {
+        utils.logger.fatal('Scaffolding cancelled')
       }
+      return null
     },
-    {
-      type: (_, { projectFolder }) =>
-        !existsSync(projectFolder) || readdirSync(projectFolder).length === 0 ? null : 'confirm',
-      name: 'overwrite',
-      message: () =>
-        (scope.projectFolderName === '.'
-          ? 'Current directory'
-          : `Target directory "${scope.projectFolderName}"`) +
-        ` is not empty. Remove existing files and continue?`
-    },
-    {
-      type: (_, { overwrite } = {}) => {
-        if (overwrite === false) {
-          utils.logger.fatal('Scaffolding cancelled')
-        }
-        return null
-      },
-      name: 'overwriteConfirmation'
-    }
-  ])
+    name: 'overwriteConfirmation'
+  }
+])
 
-  const projectScript = require(`./templates/${scope.projectType}`)
-  await projectScript({ scope, utils })
+const { script } = await import(`./templates/${ scope.projectType }/index.js`)
+await script({ scope, utils })
 
-  console.log()
-  utils.logger.success('The project has been scaffolded')
-  console.log()
+console.log()
+utils.logger.success('The project has been scaffolded')
+console.log()
 
-  if (scope.skipDepsInstall !== true) {
-    await utils.prompts(scope, [
-      {
-        type: 'select',
-        name: 'packageManager',
-        message:
-          'Install project dependencies? (recommended)',
-        choices: () => (
-          utils.runningPackageManager
-            ? [
-              { title: `Yes, use ${utils.runningPackageManager}`, value: utils.runningPackageManager },
+if (scope.skipDepsInstall !== true) {
+  await utils.prompts(scope, [
+    {
+      type: 'select',
+      name: 'packageManager',
+      message:
+        'Install project dependencies? (recommended)',
+      choices: () => (
+        utils.runningPackageManager
+          ? [
+              { title: `Yes, use ${ utils.runningPackageManager }`, value: utils.runningPackageManager },
               { title: 'No, I will handle that myself', value: false }
             ]
-            : [
+          : [
               { title: 'Yes, use Yarn (recommended)', value: 'yarn' },
               { title: 'Yes, use NPM', value: 'npm' },
               { title: 'Yes, use PNPM (experimental support)', value: 'pnpm' },
               { title: 'Yes, use Bun (experimental support)', value: 'bun' },
               { title: 'No, I will handle that myself', value: false }
             ]
-        )
-      }
-    ], {
-      onCancel: () => {
-        scope.packageManager = false
-        utils.printFinalMessage(scope)
-        process.exit(0)
-      }
-    })
+      )
+    }
+  ], {
+    onCancel: () => {
+      scope.packageManager = false
+      utils.printFinalMessage(scope)
+      process.exit(0)
+    }
+  })
 
-    if (scope.packageManager !== false) {
+  if (scope.packageManager !== false) {
+    try {
+      await utils.installDeps(scope)
+    }
+    catch {
+      utils.logger.warn('Could not auto install dependencies. Probably a temporary npm registry issue?')
+      scope.packageManager = false
+      utils.printFinalMessage(scope)
+      process.exit(0)
+    }
+
+    if (scope.preset.lint) {
       try {
-        await utils.installDeps(scope)
+        await utils.lintFolder(scope)
       }
       catch {
-        utils.logger.warn('Could not auto install dependencies. Probably a temporary npm registry issue?')
-        scope.packageManager = false
-        utils.printFinalMessage(scope)
-        process.exit(0)
-      }
-
-      if (scope.preset.lint) {
-        try {
-          await utils.lintFolder(scope)
-        }
-        catch {
-          utils.logger.warn('Could not auto lint fix the project folder.')
-        }
+        utils.logger.warn('Could not auto lint fix the project folder.')
       }
     }
   }
-
-  utils.printFinalMessage(scope)
 }
 
-run()
+utils.printFinalMessage(scope)

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "create-quasar",
-  "version": "1.5.6",
+  "version": "1.7.0",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
+  "type": "module",
   "author": {
     "name": "Razvan Stoenescu",
     "email": "razvan.stoenescu@gmail.com",
@@ -23,26 +24,26 @@
     "url": "https://donate.quasar.dev"
   },
   "engines": {
-    "node": ">=12"
+    "node": ">=16"
   },
   "scripts": {
     "lint": "eslint --ext .js,.ts ./ --fix",
     "create-test-project": "tsx scripts/create-test-project.ts"
   },
   "dependencies": {
-    "fast-glob": "^3.2.11",
-    "fs-extra": "^10.0.1",
+    "fast-glob": "^3.3.2",
+    "fs-extra": "^11.2.0",
     "kolorist": "^1.5.1",
     "lodash": "^4.17.21",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@types/lodash": "^4.6.7",
+    "@types/lodash": "^4.14.202",
     "@types/prompts": "^2.4.7",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.6.0",
-    "eslint": "^8.11.0",
-    "eslint-plugin-lodash-template": "^0.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-lodash-template": "^1.0.0",
     "tsx": "^4.7.0",
     "typescript": "^5.2.2"
   }

package/templates/app/index.js

@@ -1,10 +1,9 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     utils.commonPrompts.quasarVersion,
     utils.commonPrompts.scriptType
   ])
 
-  const script = require(`./quasar-${scope.quasarVersion}`)
+  const { script } = await import(`./quasar-${ scope.quasarVersion }/index.js`)
   await script({ scope, utils })
 }

package/templates/app/quasar-v1/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'text',
@@ -14,6 +13,6 @@ module.exports = async function ({ scope, utils }) {
     utils.commonPrompts.author
   ])
 
-  const script = require(`./${scope.scriptType}`)
+  const { script } = await import(`./${ scope.scriptType }/index.js`)
   await script({ scope, utils })
 }

package/templates/app/quasar-v1/js/BASE/src/router/routes.js

@@ -1,4 +1,3 @@
-
 const routes = [
   {
     path: '/',

package/templates/app/quasar-v1/js/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -43,7 +42,7 @@ module.exports = async function ({ scope, utils }) {
       format: utils.convertArrayToObject
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -55,11 +54,11 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
-  if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
-  if (scope.preset.lint) utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
+  if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
+  if (scope.preset.lint) utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
 }

package/templates/app/quasar-v1/js/lint/_.eslintrc.js

@@ -1,4 +1,3 @@
-
 module.exports = {
   // https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
   // This option interrupts the configuration hierarchy at this file
@@ -29,8 +28,10 @@ module.exports = {
     // 'plugin:vue/recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
 
     <% if (lintConfig === 'standard') { %>'standard'
-    <% } else if (lintConfig === 'airbnb') { %>'airbnb-base'
-    <% } else if (lintConfig === 'prettier') { %>// https://github.com/prettier/eslint-config-prettier#installation
+    <% }
+      else if (lintConfig === 'airbnb') { %>'airbnb-base'
+    <% }
+      else if (lintConfig === 'prettier') { %>// https://github.com/prettier/eslint-config-prettier#installation
     // usage with Prettier, provided by 'eslint-config-prettier'.
     'prettier'<% } %>
   ],
@@ -74,7 +75,8 @@ module.exports = {
     'import/extensions': 'off',
     'import/no-unresolved': 'off',
     'import/no-extraneous-dependencies': 'off',
-    <% } else if (lintConfig === 'airbnb') { %>
+    <% }
+      else if (lintConfig === 'airbnb') { %>
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

package/templates/app/quasar-v1/ts/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -54,7 +53,7 @@ module.exports = async function ({ scope, utils }) {
       format: utils.convertArrayToObject
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -66,11 +65,11 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
-  if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
-  if (scope.preset.lint) utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
+  if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
+  if (scope.preset.lint) utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
 }

package/templates/app/quasar-v1/ts/lint/_.eslintrc.js

@@ -97,6 +97,7 @@ module.exports = {
     // does not work with type definitions
     'import/named': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

package/templates/app/quasar-v2/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -27,6 +26,6 @@ module.exports = async function ({ scope, utils }) {
     utils.commonPrompts.author
   ])
 
-  const script = require(`./${scope.scriptType}-${scope.engine}`)
+  const { script } = await import(`./${ scope.scriptType }-${ scope.engine }/index.js`)
   await script({ scope, utils })
 }

package/templates/app/quasar-v2/js-vite/BASE/_package.json

@@ -27,6 +27,7 @@
     <% if (preset.lint) { %>
     "eslint": "^8.11.0",
     "eslint-plugin-vue": "^9.0.0",
+    "vite-plugin-checker": "^0.6.4",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.19.1",
@@ -40,7 +41,7 @@
     "prettier": "^2.5.1",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
-    "@quasar/app-vite": "^1.4.3",
+    "@quasar/app-vite": "^1.8.0",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"
   },

package/templates/app/quasar-v2/js-vite/BASE/quasar.config.js

@@ -15,15 +15,6 @@ const { configure } = require('quasar/wrappers');
 
 module.exports = configure(function (/* ctx */) {
   return {
-    <% if (preset.lint) { %>eslint: {
-      // fix: true,
-      // include: [],
-      // exclude: [],
-      // rawOptions: {},
-      warnings: true,
-      errors: true
-    },<% } %>
-
     // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
     // preFetch: true,
 
@@ -80,7 +71,7 @@ module.exports = configure(function (/* ctx */) {
       // extendViteConf (viteConf) {},
       // viteVuePluginOptions: {},
 
-      <% if (preset.i18n) { %>vitePlugins: [
+      <% if (preset.i18n || preset.lint) { %>vitePlugins: [<% if (preset.i18n) { %>
         ['@intlify/vite-plugin-vue-i18n', {
           // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
           // compositionOnly: false,
@@ -91,10 +82,15 @@ module.exports = configure(function (/* ctx */) {
 
           // you need to set i18n resource including paths !
           include: path.resolve(__dirname, './src/i18n/**')
-        }]
+        }]<% } %><% if (preset.lint) { %><% if (preset.i18n) { %>,<% } %>
+        ['vite-plugin-checker', {
+          eslint: {
+            lintCommand: 'eslint "./**/*.{js,mjs,cjs,vue}"'
+          }
+        }, { server: false }]<% } %>
       ]<% } else { %>
       // vitePlugins: [
-      //   [ 'package-name', { ..options.. } ]
+      //   [ 'package-name', { ..pluginOptions.. }, { server: true, client: true } ]
       // ]<% } %>
     },
 

package/templates/app/quasar-v2/js-vite/BASE/src/router/routes.js

@@ -1,4 +1,3 @@
-
 const routes = [
   {
     path: '/',

package/templates/app/quasar-v2/js-vite/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -17,11 +16,11 @@ module.exports = async function ({ scope, utils }) {
       name: 'preset',
       message: 'Check the features needed for your project:',
       choices: [
-        { title: 'ESLint', value: 'lint', description: 'recommended', selected: true },
+        { title: 'Linting (vite-plugin-checker + ESLint)', value: 'lint', description: 'recommended', selected: true },
         { title: 'State Management (Pinia)', value: 'pinia', description: 'https://pinia.vuejs.org' },
         { title: 'State Management (Vuex) [DEPRECATED by Vue Team]', value: 'vuex', description: 'See https://vuejs.org/guide/scaling-up/state-management.html#pinia' },
-        { title: 'Axios', value: 'axios' },
-        { title: 'Vue-i18n', value: 'i18n' }
+        { title: 'axios', value: 'axios' },
+        { title: 'vue-i18n', value: 'i18n' }
       ],
       format: values => {
         let result = values
@@ -38,7 +37,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -50,13 +49,13 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
-  if (scope.preset.lint) utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
+  if (scope.preset.lint) utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

package/templates/app/quasar-v2/js-vite/lint/_.eslintrc.cjs

@@ -10,8 +10,7 @@ module.exports = {
 
   env: {
     node: true,
-    browser: true,
-    'vue/setup-compiler-macros': true
+    browser: true
   },
 
   // Rules order is important, please avoid shuffling them
@@ -77,6 +76,7 @@ module.exports = {
     'import/no-unresolved': 'off',
     'import/no-extraneous-dependencies': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

package/templates/app/quasar-v2/js-vite-beta/BASE/_package.json

@@ -26,6 +26,7 @@
   },
   "devDependencies": {
     <% if (preset.lint) { %>
+    "vite-plugin-checker": "^0.6.4",
     "eslint": "^8.11.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
@@ -41,7 +42,7 @@
     "prettier": "^3.0.3",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^2.0.0",<% } %>
-    "@quasar/app-vite": "^2.0.0-beta.1",
+    "@quasar/app-vite": "^2.0.0-beta.5",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"
   },

package/templates/app/quasar-v2/js-vite-beta/BASE/quasar.config.js

@@ -10,16 +10,6 @@ import { configure } from 'quasar/wrappers'
 
 export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% } %>) => {
   return {
-    <% if (preset.lint) { %>eslint: {
-      // fix: true,
-      // include: [],
-      // exclude: [],
-      // cache: false,
-      // rawOptions: {},
-      warnings: true,
-      errors: true
-    },<% } %>
-
     // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
     // preFetch: true,
 
@@ -76,7 +66,7 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
       // extendViteConf (viteConf) {},
       // viteVuePluginOptions: {},
 
-      <% if (preset.i18n) { %>vitePlugins: [
+      <% if (preset.i18n || preset.lint) { %>vitePlugins: [<% if (preset.i18n) { %>
         ['@intlify/unplugin-vue-i18n/vite', {
           // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
           // compositionOnly: false,
@@ -89,10 +79,15 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
 
           // you need to set i18n resource including paths !
           include: [ fileURLToPath(new URL('./src/i18n', import.meta.url)) ],
-        }]
+        }]<% } %><% if (preset.lint) { %><% if (preset.i18n) { %>,<% } %>
+        ['vite-plugin-checker', {
+          eslint: {
+            lintCommand: 'eslint "./**/*.{js,mjs,cjs,vue}"'
+          }
+        }, { server: false }]<% } %>
       ]<% } else { %>
       // vitePlugins: [
-      //   [ 'package-name', { ..options.. } ]
+      //   [ 'package-name', { ..pluginOptions.. }, { server: true, client: true } ]
       // ]<% } %>
     },
 

package/templates/app/quasar-v2/js-vite-beta/BASE/src/router/routes.js

@@ -1,4 +1,3 @@
-
 const routes = [
   {
     path: '/',