create-quasar 1.5.6 → 1.7.0

package/templates/app/quasar-v2/js-vite-beta/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-beta/lint/_.eslintrc.cjs

@@ -11,7 +11,6 @@ module.exports = {
   env: {
     node: true,
     browser: true,
-    'vue/setup-compiler-macros': 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-webpack/BASE/src/router/routes.js

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

package/templates/app/quasar-v2/js-webpack/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 (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-webpack/lint/_.eslintrc.cjs

@@ -11,8 +11,7 @@ module.exports = {
   },
 
   env: {
-    browser: true,
-    'vue/setup-compiler-macros': true
+    browser: true
   },
 
   // Rules order is important, please avoid shuffling them
@@ -78,6 +77,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-webpack-beta/BASE/_package.json

@@ -56,7 +56,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": "^24 || ^22 || ^20 || ^18 || ^16",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

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

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

package/templates/app/quasar-v2/js-webpack-beta/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 (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-webpack-beta/lint/_.eslintrc.cjs

@@ -11,8 +11,7 @@ module.exports = {
   },
 
   env: {
-    browser: true,
-    'vue/setup-compiler-macros': true
+    browser: true
   },
 
   // Rules order is important, please avoid shuffling them
@@ -78,6 +77,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/ts-vite/BASE/_package.json

@@ -28,6 +28,8 @@
     <% if (preset.lint) { %>
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
+    "vite-plugin-checker": "^0.6.4",
+    "vue-tsc": "^1.8.22",
     "eslint": "^8.11.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
@@ -44,7 +46,7 @@
     <% } } %>
     "@types/node": "^12.20.21",
     <% 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",
     "typescript": "^4.5.4"
   },

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

@@ -16,15 +16,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,
 
@@ -81,7 +72,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,
@@ -92,10 +83,18 @@ 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', {
+          vueTsc: {
+            tsconfigPath: 'tsconfig.vue-tsc.json'
+          },
+          eslint: {
+            lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"'
+          }
+        }, { server: false }]<% } %>
       ]<% } else { %>
       // vitePlugins: [
-      //   [ 'package-name', { ..options.. } ]
+      //   [ 'package-name', { ..pluginOptions.. }, { server: true, client: true } ]
       // ]<% } %>
     },
 

package/templates/app/quasar-v2/ts-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',
@@ -7,8 +6,8 @@ module.exports = async function ({ scope, utils }) {
       message: 'Pick a Vue component style:',
       initial: 0,
       choices: [
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
+        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Options API', value: 'options' },
         { title: 'Class-based', value: 'class', description: 'DEPRECATED; see https://github.com/quasarframework/quasar/discussions/11204', disabled: true }
       ]
@@ -29,11 +28,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 + vue-tsc)', 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
@@ -50,7 +49,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: [
@@ -62,18 +61,18 @@ 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.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(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), 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/ts-vite/lint/_.eslintignore

@@ -4,5 +4,4 @@
 /.quasar
 /node_modules
 .eslintrc.cjs
-/src-ssr
 /quasar.config.*.temporary.compiled*

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

@@ -15,8 +15,7 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
-    node: true,
-    'vue/setup-compiler-macros': true
+    node: true
   },
 
   // Rules order is important, please avoid shuffling them
@@ -92,6 +91,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/ts-vite/lint/_tsconfig.vue-tsc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  }
+}

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

@@ -29,6 +29,8 @@
     <% if (preset.lint) { %>
     "@typescript-eslint/eslint-plugin": "^6.6.0",
     "@typescript-eslint/parser": "^6.6.0",
+    "vite-plugin-checker": "^0.6.4",
+    "vue-tsc": "^1.8.22",
     "eslint": "^8.11.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
@@ -45,9 +47,9 @@
     <% } } %>
     "@types/node": "^20.5.9",
     <% 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",
-    "typescript": "^5.2.2"
+    "typescript": "~5.3.0"
   },
   "engines": {
     "node": "^24 || ^22 || ^20 || ^18",

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

@@ -11,16 +11,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,
 
@@ -77,7 +67,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,
@@ -90,10 +80,18 @@ 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', {
+          vueTsc: {
+            tsconfigPath: 'tsconfig.vue-tsc.json'
+          },
+          eslint: {
+            lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"'
+          }
+        }, { server: false }]<% } %>
       ]<% } else { %>
       // vitePlugins: [
-      //   [ 'package-name', { ..options.. } ]
+      //   [ 'package-name', { ..pluginOptions.. }, { server: true, client: true } ]
       // ]<% } %>
     },
 

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -7,8 +6,8 @@ module.exports = async function ({ scope, utils }) {
       message: 'Pick a Vue component style:',
       initial: 0,
       choices: [
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
+        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Options API', value: 'options' },
         { title: 'Class-based', value: 'class', description: 'DEPRECATED; see https://github.com/quasarframework/quasar/discussions/11204', disabled: true }
       ]
@@ -29,11 +28,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 + vue-tsc)', 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
@@ -50,7 +49,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: [
@@ -62,18 +61,18 @@ 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.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(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), 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/ts-vite-beta/lint/_.eslintignore

@@ -4,5 +4,4 @@
 /.quasar
 /node_modules
 .eslintrc.cjs
-/src-ssr
 /quasar.config.*.temporary.compiled*

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

@@ -15,8 +15,7 @@ module.exports = {
   env: {
     browser: true,
     es2021: true,
-    node: true,
-    'vue/setup-compiler-macros': true
+    node: true
   },
 
   // Rules order is important, please avoid shuffling them
@@ -92,6 +91,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/ts-vite-beta/lint/_tsconfig.vue-tsc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true
+  }
+}

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -7,8 +6,8 @@ module.exports = async function ({ scope, utils }) {
       message: 'Pick a Vue component style:',
       initial: 0,
       choices: [
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
+        { title: 'Composition API', value: 'composition', description: 'recommended' },
         { title: 'Options API', value: 'options' },
         { title: 'Class-based (DEPRECATED; see https://github.com/quasarframework/quasar/discussions/11204)', value: 'class', disabled: true }
       ]
@@ -29,11 +28,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 (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
@@ -50,7 +49,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: [
@@ -62,18 +61,18 @@ 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.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(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), 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)
 }