create-quasar 1.10.1 → 1.11.1

package/templates/app/quasar-v2/ts-vite-2/pinia/src/stores/index.ts

@@ -9,7 +9,7 @@ import type { Router } from 'vue-router';
  */
 declare module 'pinia' {
   export interface PiniaCustomProperties {
-    readonly router: Router;
+    // add your custom properties here, if any
   }
 }
 

package/templates/app/quasar-v2/ts-vite-2/prettier/_.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/templates/app/quasar-v2/ts-webpack-4/.eslintrc.cjs

@@ -15,7 +15,7 @@ module.exports = {
       'sfcStyle',
       'css',
       'preset',
-      'lintConfig'
+      'prettier'
     ]
   }
 }

package/templates/app/quasar-v2/ts-webpack-4/BASE/README.md

@@ -13,7 +13,7 @@ npm install
 ```bash
 quasar dev
 ```
-<% if (preset.lint) { %>
+<% if (preset.eslint) { %>
 
 ### Lint the files
 ```bash
@@ -21,7 +21,7 @@ yarn lint
 # or
 npm run lint
 ```
-<% if (lintConfig === 'prettier') { %>
+<% if (prettier) { %>
 
 ### Format the files
 ```bash
@@ -29,8 +29,7 @@ yarn format
 # or
 npm run format
 ```
-<% } %>
-<% } %>
+<% } } %>
 
 ### Build the app for production
 ```bash

package/templates/app/quasar-v2/ts-webpack-4/BASE/_.editorconfig

@@ -1,9 +1,7 @@
-root = true
-
-[*]
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
 charset = utf-8
-indent_style = space
 indent_size = 2
+indent_style = space
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true

package/templates/app/quasar-v2/ts-webpack-4/BASE/_.vscode/extensions.json

@@ -1,7 +1,7 @@
 {
   "recommendations": [
-    <% if (preset.lint) { %>"dbaeumer.vscode-eslint",
-    <% if (lintConfig === 'prettier') { %>"esbenp.prettier-vscode",<% } } %>
+    <% if (preset.eslint) { %>"dbaeumer.vscode-eslint",<% } %>
+    <% if (prettier) { %>"esbenp.prettier-vscode",<% } %>
     "editorconfig.editorconfig",
     "vue.volar",
     "wayou.vscode-todo-highlight"

package/templates/app/quasar-v2/ts-webpack-4/BASE/_.vscode/settings.json

@@ -1,8 +1,8 @@
 {
   "editor.bracketPairColorization.enabled": true,
-  "editor.guides.bracketPairs": true,<% if (preset.lint) { %>
+  "editor.guides.bracketPairs": true,<% if (preset.eslint) { %>
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": <% if (lintConfig === 'prettier') { %>"esbenp.prettier-vscode"<% } else { %>"dbaeumer.vscode-eslint"<% } %>,
+  "editor.defaultFormatter": <% if (prettier) { %>"esbenp.prettier-vscode"<% } else { %>"dbaeumer.vscode-eslint"<% } %>,
   "editor.codeActionsOnSave": [
     "source.fixAll.eslint"
   ],

package/templates/app/quasar-v2/ts-webpack-4/BASE/_package.json

@@ -5,10 +5,10 @@
   "productName": "<%= productName %>",
   "author": "<%= author %>",
   "private": true,
+  "type": "module",
   "scripts": {
-    <% if (preset.lint) { %>"lint": "eslint --ext .js,.ts,.vue ./",
-    <% if (lintConfig === 'prettier') { %>"format": "prettier --write \"**/*.{js,ts,vue,<% if (css !== 'sass') { %><%= css %><% } %>,html,md,json}\" --ignore-path .gitignore",<% } %>
-    <% } %>
+    <% if (preset.eslint) { %>"lint": "eslint -c ./eslint.config.js './src*/**/*.{ts,js,cjs,mjs,vue}'",<% } %>
+    <% if (prettier) { %>"format": "prettier --write \"**/*.{js,ts,vue,<% if (css !== 'sass') { %><%= css %><% } %>,html,md,json}\" --ignore-path .gitignore",<% } %>
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
     "build": "quasar build",
@@ -25,28 +25,23 @@
     "vue-router": "^4.0.0"
   },
   "devDependencies": {
-    <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.0.0",
-    "eslint-webpack-plugin": "^4.0.1",
-    <% if (lintConfig === 'standard') { %>
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.19.1",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-promise": "^6.0.0",
-    <% } else if (lintConfig === 'airbnb') { %>
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-plugin-import": "^2.20.1",
-    <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^9.0.0",
-    "prettier": "^3.0.3",
-    <% } } %>
+    <% if (preset.eslint) { %>
+    "@eslint/js": "^9.14.0",
+    "eslint": "^9.14.0",
+    "eslint-plugin-vue": "^9.30.0",
+    "eslint-webpack-plugin": "^4.2.0",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "globals": "^15.12.0",
+    <% } %>
+    <% if (prettier) { %>
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "prettier": "^3.3.3",
+    <% } %>
     "@types/node": "^20.5.9",
-    "@quasar/app-webpack": "^4.0.0-rc.1",
+    "@quasar/app-webpack": "^4.0.0",
+    "autoprefixer": "^10.4.2",
     "ts-loader": "^9.4.2",
-    "typescript": "^5.2.2"
+    "typescript": "~5.5.3"
   },
   "browserslist": [
     "last 10 Chrome versions",
@@ -60,7 +55,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": "^24 || ^22 || ^20 || ^18",
+    "node": "^28 || ^26 || ^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/ts-webpack-4/BASE/babel.config.cjs

@@ -1,5 +1,3 @@
-/* eslint-disable */
-
 module.exports = api => {
   return {
     presets: [

package/templates/app/quasar-v2/ts-webpack-4/BASE/postcss.config.cjs

@@ -1,4 +1,3 @@
-/* eslint-disable */
 // https://github.com/michael-ciniawsky/postcss-load-config
 
 module.exports = {

package/templates/app/quasar-v2/ts-webpack-4/BASE/quasar.config.ts

@@ -1,20 +1,14 @@
-/* eslint-env node */
-
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
 
-<% if (preset.lint) { %>
+<% if (preset.eslint) { %>
 /* eslint-disable @typescript-eslint/no-var-requires */
-<% if (lintConfig === 'airbnb') { %>
-/* eslint func-names: 0 */
-/* eslint global-require: 0 */
-<% } %>
 <% } %>
 import { defineConfig } from '#q-app/wrappers';
 
 export default defineConfig((/* ctx */) => {
   return {
-    <% if (preset.lint) { %>eslint: {
+    <% if (preset.eslint) { %>eslint: {
       // fix: true,
       // include: [],
       // exclude: [],
@@ -78,7 +72,6 @@ export default defineConfig((/* ctx */) => {
       },
 
       // rtl: true, // https://quasar.dev/options/rtl-support
-      // preloadChunks: true,
       // showProgress: false,
       // gzip: true,
       // analyze: true,
@@ -155,7 +148,6 @@ export default defineConfig((/* ctx */) => {
       pwa: false
 
       // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
-                                                 // will mess up SSR
 
       // pwaExtendGenerateSWOptions (cfg) {},
       // pwaExtendInjectManifestOptions (cfg) {}
@@ -224,9 +216,15 @@ export default defineConfig((/* ctx */) => {
       // extendBexScriptsConf (esbuildConf) {},
       // extendBexManifestJson (json) {},
 
-      contentScripts: [
-        'my-content-script'
-      ]
+      /**
+       * The list of extra scripts (js/ts) not in your bex manifest that you want to
+       * compile and use in your browser extension. Maybe dynamic use them?
+       *
+       * Each entry in the list should be a relative filename to /src-bex/
+       *
+       * @example [ 'my-script.ts', 'sub-folder/my-other-script.js' ]
+       */
+      extraScripts: []
     }
   }
 });

package/templates/app/quasar-v2/ts-webpack-4/BASE/src/env.d.ts

@@ -1,5 +1,3 @@
-/* eslint-disable */
-
 declare namespace NodeJS {
   interface ProcessEnv {
     NODE_ENV: string;

package/templates/app/quasar-v2/ts-webpack-4/eslint/_eslint.config.js

@@ -0,0 +1,94 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import pluginVue from 'eslint-plugin-vue'
+import pluginQuasar from '@quasar/app-webpack/eslint'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'<% if (prettier) { %>
+import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting'<% } %>
+
+export default [
+  {
+    /**
+     * Ignore the following files.
+     * Please note that pluginQuasar.configs.recommended already ignores
+     * the "node_modules" folder for you (and all other Quasar project
+     * relevant folders and files).
+     *
+     * ESLint requires "ignores" key to be the only one in this object
+     */
+    // ignores: []
+  },
+
+  ...pluginQuasar.configs.recommended(),
+  js.configs.recommended,
+
+  /**
+   * https://eslint.vuejs.org
+   *
+   * pluginVue.configs.base
+   *   -> Settings and rules to enable correct ESLint parsing.
+   * pluginVue.configs[ 'flat/essential']
+   *   -> base, plus rules to prevent errors or unintended behavior.
+   * pluginVue.configs["flat/strongly-recommended"]
+   *   -> Above, plus rules to considerably improve code readability and/or dev experience.
+   * pluginVue.configs["flat/recommended"]
+   *   -> Above, plus rules to enforce subjective community defaults to ensure consistency.
+   */
+  ...pluginVue.configs[ 'flat/essential' ],
+
+  // https://github.com/vuejs/eslint-config-typescript
+  ...vueTsEslintConfig({
+    // Optional: extend additional configurations from typescript-eslint'.
+    // Supports all the configurations in
+    // https://typescript-eslint.io/users/configs#recommended-configurations
+    extends: [
+      // By default, only the recommended rules are enabled.
+      'recommended'
+      // You can also manually enable the stylistic rules.
+      // "stylistic",
+
+      // Other utility configurations, such as 'eslintRecommended', (note that it's in camelCase)
+      // are also extendable here. But we don't recommend using them directly.
+    ]
+  }),
+
+  {
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+
+      globals: {
+        ...globals.browser,
+        ...globals.node, // SSR, Electron, config files
+        process: 'readonly', // process.env.*
+        ga: 'readonly', // Google Analytics
+        cordova: 'readonly',
+        Capacitor: 'readonly',
+        chrome: 'readonly', // BEX related
+        browser: 'readonly' // BEX related
+      }
+    },
+
+    // add your custom rules here
+    rules: {
+      'prefer-promise-reject-errors': 'off',
+      '@typescript-eslint/consistent-type-imports': [
+        'error',
+        { prefer: 'type-imports' }
+      ],
+
+      // allow debugger during development only
+      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+    }
+  },
+
+  {
+    files: [ 'src-pwa/custom-service-worker.ts' ],
+    languageOptions: {
+      globals: {
+        ...globals.serviceworker
+      }
+    }
+  }<% if (prettier) { %>,
+
+  prettierSkipFormatting<% } %>
+]

package/templates/app/quasar-v2/ts-webpack-4/i18n/src/boot/i18n.ts

@@ -8,8 +8,8 @@ export type MessageLanguages = keyof typeof messages;
 export type MessageSchema = typeof messages["en-US"];
 
 // See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
-/* eslint-disable @typescript-eslint/no-empty-interface */
-declare module "vue-i18n" {
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+declare module 'vue-i18n' {
   // define the locale messages schema
   export interface DefineLocaleMessage extends MessageSchema {}
 
@@ -19,7 +19,7 @@ declare module "vue-i18n" {
   // define the number format schema
   export interface DefineNumberFormat {}
 }
-/* eslint-enable @typescript-eslint/no-empty-interface */
+/* eslint-enable @typescript-eslint/no-empty-object-type */
 
 export default defineBoot(({ app }) => {
   const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({

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

@@ -5,7 +5,7 @@ export async function script ({ scope, utils }) {
       name: 'preset',
       message: 'Check the features needed for your project:',
       choices: [
-        { title: 'Linting (ESLint)', value: 'lint', description: 'recommended', selected: true },
+        { title: 'Linting (ESLint)', value: 'eslint', description: 'recommended', selected: true },
         { title: 'State Management (Pinia)', value: 'pinia', description: 'https://pinia.vuejs.org' },
         { title: 'axios', value: 'axios' },
         { title: 'vue-i18n', value: 'i18n' }
@@ -13,29 +13,24 @@ export async function script ({ scope, utils }) {
       format: utils.convertArrayToObject
     },
     {
-      type: (_, { preset }) => (preset.lint ? 'select' : null),
-      name: 'lintConfig',
-      message: 'Pick an ESLint preset:',
-      choices: [
-        { title: 'Prettier', value: 'prettier', description: 'https://github.com/prettier/prettier' },
-        { title: 'Standard', value: 'standard', description: 'https://github.com/standard/standard' },
-        { title: 'Airbnb', value: 'airbnb', description: 'https://github.com/airbnb/javascript' }
-      ]
+      type: (_, { preset }) => (preset.eslint ? 'confirm' : null),
+      name: 'prettier',
+      initial: true,
+      message: 'Add Prettier for code formatting?'
     }
   ])
 
+  // ensure it's defined since if not selecting ESLint,
+  // user won't be asked about it hence it won't be defined
+  scope.prettier = scope.prettier || false
+
   utils.createTargetDir(scope)
   utils.renderTemplate('BASE', scope)
   utils.renderTemplate(scope.css, scope)
 
   if (scope.preset.axios) utils.renderTemplate('axios', scope)
   if (scope.preset.i18n) utils.renderTemplate('i18n', scope)
-  if (scope.preset.lint) {
-    utils.renderTemplate('lint', scope)
-    if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate('prettier', scope)
-    }
-  }
-
+  if (scope.preset.eslint) utils.renderTemplate('eslint', scope)
+  if (scope.prettier) utils.renderTemplate('prettier', scope)
   if (scope.preset.pinia) utils.renderTemplate('pinia', scope)
 }

package/templates/app/quasar-v2/ts-webpack-4/pinia/src/stores/index.ts

@@ -9,7 +9,7 @@ import type { Router } from 'vue-router';
  */
 declare module 'pinia' {
   export interface PiniaCustomProperties {
-    readonly router: Router;
+    // add your custom properties here, if any
   }
 }
 

package/templates/app/quasar-v2/ts-webpack-4/prettier/_.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/templates/app-extension/ae-ts/BASE/app-extension/_package.json

@@ -33,16 +33,16 @@
     "build": "<%= packageManager?.name ?? 'pnpm' %> run build:code && <%= packageManager?.name ?? 'pnpm' %> run build:templates"<% } else { %>"build": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts'"<% } %>
   },
   "devDependencies": {
-    "@quasar/app-vite": "^2.0.0-rc.1",
-    "@quasar/app-webpack": "^4.0.0-rc.1",
+    "@quasar/app-vite": "^2.0.0",
+    "@quasar/app-webpack": "^4.0.0",
     "mkdist": "^1.5.4",
     "quasar": "^2.16.7",
     "vue": "^3.4.36",
     "vue-tsc": "^2.0.29"
   },
   "peerDependencies": {
-    "@quasar/app-vite": "^2.0.0-rc.1",
-    "@quasar/app-webpack": "^4.0.0-rc.2",
+    "@quasar/app-vite": "^2.0.0",
+    "@quasar/app-webpack": "^4.0.0",
     "quasar": "^2.16.0",
     "vue": "^3.4.0"
   },

package/templates/app-extension/ae-ts/BASE/app-extension/src/index.ts

@@ -15,11 +15,11 @@ export default function (api: IndexAPI) {
   api.compatibleWith('quasar', '^2.0.0');
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^2.0.0-rc.1');
+    api.compatibleWith('@quasar/app-vite', '^2.0.0');
   }
 
   if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^4.0.0-rc.1');
+    api.compatibleWith('@quasar/app-webpack', '^4.0.0');
   }
 
   api.extendQuasarConf((conf, api) => {

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/_package.json

@@ -20,7 +20,7 @@
     "<%= pkgName %>": <% if (!packageManager || ['pnpm', 'bun'].includes(packageManager.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
   },
   "devDependencies": {
-    "@quasar/app-vite": "^2.0.0-rc.1",
+    "@quasar/app-vite": "^2.0.0",
     "autoprefixer": "^10.4.20"
   },
   "engines": {

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/quasar.config.ts

@@ -190,6 +190,14 @@ export default defineConfig((/* ctx */) => {
       // extendBexScriptsConf (esbuildConf) {},
       // extendBexManifestJson (json) {},
 
+      /**
+       * The list of extra scripts (js/ts) not in your bex manifest that you want to
+       * compile and use in your browser extension. Maybe dynamic use them?
+       *
+       * Each entry in the list should be a relative filename to /src-bex/
+       *
+       * @example [ 'my-script.ts', 'sub-folder/my-other-script.js' ]
+       */
       extraScripts: []
     },
   };

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/_package.json

@@ -20,7 +20,7 @@
     "<%= pkgName %>": <% if (!packageManager || ['pnpm', 'bun'].includes(packageManager?.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
   },
   "devDependencies": {
-    "@quasar/app-webpack": "^4.0.0-rc.1",
+    "@quasar/app-webpack": "^4.0.0",
     "ts-loader": "^9.5.1"
   },
   "browserslist": [

package/templates/app-extension/ae-ts/install-script/app-extension/src/install.ts

@@ -14,11 +14,11 @@ export default function (api: InstallAPI) {
   api.compatibleWith('quasar', '^2.0.0');
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^2.0.0-rc.1');
+    api.compatibleWith('@quasar/app-vite', '^2.0.0');
   }
 
   if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^4.0.0-rc.1');
+    api.compatibleWith('@quasar/app-webpack', '^4.0.0');
   }
 
   api.render('./templates/base', api.prompts);

package/templates/ui-kit/quasar-v2/ae/app-extension/src/index.js

@@ -29,10 +29,10 @@ function extendConf (conf, api) {
   api.compatibleWith('quasar', '^2.0.0')
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0-rc.1')
+    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0')
   }
   else if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0-rc.1')
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
   }
 
 <% if (features.component) { %>

package/templates/ui-kit/quasar-v2/ae-install/app-extension/src/install.js

@@ -11,9 +11,9 @@
   api.compatibleWith('quasar', '^2.0.0')
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0-rc.1')
+    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0')
   }
   else if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0-rc.1')
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
   }
 }

package/utils/index.js

@@ -6,7 +6,7 @@ import { spawn, execSync as exec } from 'node:child_process'
 import { emptyDirSync, ensureDirSync, ensureFileSync, copySync } from 'fs-extra/esm'
 import promptUser from 'prompts'
 import compileTemplate from 'lodash/template.js'
-import fglob from 'fast-glob'
+import { globSync } from 'tinyglobby'
 import { yellow, green } from 'kolorist'
 
 import logger from './logger.js'
@@ -66,7 +66,7 @@ function getCallerPath () {
 
 function renderTemplate (relativePath, scope) {
   const templateDir = join(getCallerPath(), relativePath)
-  const files = fglob.sync([ '**/*' ], { cwd: templateDir })
+  const files = globSync([ '**/*' ], { cwd: templateDir })
 
   for (const rawPath of files) {
     const targetRelativePath = rawPath.split('/').map(name => {

package/templates/app/quasar-v2/js-vite-2/lint/_.eslintignore

@@ -1,7 +0,0 @@
-/dist
-/src-capacitor
-/src-cordova
-/.quasar
-/node_modules
-.eslintrc.cjs
-/quasar.config.*.temporary.compiled*