create-quasar 1.3.0 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quasar",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
   "author": {
     "name": "Razvan Stoenescu",
@@ -37,10 +37,10 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.6.7",
-    "@typescript-eslint/eslint-plugin": "^5.16.0",
-    "@typescript-eslint/parser": "^5.16.0",
+    "@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": "^4.6.2"
+    "typescript": "^5.2.2"
   }
 }

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

@@ -8,9 +8,9 @@ module.exports = async function ({ scope, utils }) {
       initial: 0,
       choices: [
         { title: 'Quasar App CLI with Vite', value: 'vite', description: 'recommended' },
-        // { title: 'Quasar App CLI with Vite (BETA; next major version)', value: 'vite-beta', description: 'recommended' },
+        // { title: 'Quasar App CLI with Vite 5 (BETA | next major version)', value: 'vite-beta' },
         { title: 'Quasar App CLI with Webpack', value: 'webpack' }
-        // { title: 'Quasar App CLI with Webpack (BETA; next major version)', value: 'webpack-beta' }
+        // { title: 'Quasar App CLI with Webpack (BETA | next major version)', value: 'webpack-beta' }
       ]
     },
     {

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

@@ -36,8 +36,8 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
     "@quasar/app-vite": "^2.0.0-alpha.0",
@@ -45,7 +45,7 @@
     "postcss": "^8.4.14"
   },
   "engines": {
-    "node": "^18 || ^16 || ^14.19",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

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

@@ -14,6 +14,7 @@ export default configure((/* ctx */) => {
       // fix: true,
       // include: [],
       // exclude: [],
+      // cache: false,
       // rawOptions: {},
       warnings: true,
       errors: true
@@ -126,46 +127,51 @@ export default configure((/* ctx */) => {
     //   rootComponent: 'src/App.vue',
     //   router: 'src/router/index',
     //   store: 'src/store/index',
-    //   registerServiceWorker: 'src-pwa/register-service-worker',
-    //   serviceWorker: 'src-pwa/custom-service-worker',
+    //   pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
+    //   pwaServiceWorker: 'src-pwa/custom-service-worker',
     //   pwaManifestFile: 'src-pwa/manifest.json',
     //   electronMain: 'src-electron/electron-main',
     //   electronPreload: 'src-electron/electron-preload'
+    //   bexManifestFile: 'src-bex/manifest.json
     // },
 
     // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr
     ssr: {
-      // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
-                                          // will mess up SSR
+      prodPort: 3000, // The default port that the production server should use
+                      // (gets superseded if process.env.PORT is specified at runtime)
 
-      // extendSSRWebserverConf (esbuildConf) {},
-      // extendPackageJson (json) {},
+      middlewares: [
+        'render' // keep this as last one
+      ],
 
-      pwa: false,
+      // extendPackageJson (json) {},
+      // extendSSRWebserverConf (esbuildConf) {},
 
+      // manualStoreSerialization: true,
+      // manualStoreSsrContextInjection: true,
       // manualStoreHydration: true,
       // manualPostHydrationTrigger: true,
 
-      prodPort: 3000, // The default port that the production server should use
-                      // (gets superseded if process.env.PORT is specified at runtime)
+      pwa: false
 
-      middlewares: [
-        'render' // keep this as last one
-      ]
+      // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
+                                                 // will mess up SSR
+
+      // pwaExtendGenerateSWOptions (cfg) {},
+      // pwaExtendInjectManifestOptions (cfg) {}
     },
 
     // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa
     pwa: {
-      workboxMode: 'generateSW', // or 'injectManifest'
-      injectPwaMetaTags: true,
-      swFilename: 'sw.js',
-      manifestFilename: 'manifest.json',
-      useCredentialsForManifestTag: false,
-      // useFilenameHashes: true,
-      // extendGenerateSWOptions (cfg) {}
-      // extendInjectManifestOptions (cfg) {},
-      // extendManifestJson (json) {}
-      // extendPWACustomSWConf (esbuildConf) {}
+      workboxMode: 'GenerateSW' // 'GenerateSW' or 'InjectManifest'
+      // swFilename: 'sw.js',
+      // manifestFilename: 'manifest.json'
+      // extendManifestJson (json) {},
+      // useCredentialsForManifestTag: true,
+      // injectPwaMetaTags: false,
+      // extendPWACustomSWConf (esbuildConf) {},
+      // extendGenerateSWOptions (cfg) {},
+      // extendInjectManifestOptions (cfg) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova
@@ -180,8 +186,10 @@ export default configure((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
     electron: {
-      // extendElectronMainConf (esbuildConf)
-      // extendElectronPreloadConf (esbuildConf)
+      // extendElectronMainConf (esbuildConf) {},
+      // extendElectronPreloadConf (esbuildConf) {},
+
+      // extendPackageJson (json) {},
 
       // specify the debugging port to use for the Electron app when running in development mode
       inspectPort: 5858,
@@ -210,12 +218,12 @@ export default configure((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
     bex: {
+      // extendBexScriptsConf (esbuildConf) {},
+      // extendBexManifestJson (json) {},
+
       contentScripts: [
         'my-content-script'
-      ],
-
-      // extendBexScriptsConf (esbuildConf) {}
-      // extendBexManifestJson (json) {}
+      ]
     }
   }
 });

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

@@ -39,8 +39,8 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
     "@quasar/app-webpack": "^4.0.0-alpha.0"
   },
@@ -56,7 +56,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": ">= 12.22.1",
+    "node": "^24 || ^22 || ^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/{ts-webpack-beta/BASE/src/index.template.html → js-webpack-beta/BASE/index.html}

@@ -16,7 +16,6 @@
     <link rel="icon" type="image/ico" href="favicon.ico">
   </head>
   <body>
-    <!-- DO NOT touch the following DIV -->
-    <div id="q-app"></div>
+    <!-- quasar:entry-point -->
   </body>
 </html>

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

@@ -3,19 +3,24 @@
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
 
-<% if (preset.lint) { %>
-import ESLintPlugin from 'eslint-webpack-plugin'
-<% if (lintConfig === 'airbnb') { %>
+<% if (preset.lint && lintConfig === 'airbnb') { %>
 /* eslint func-names: 0 */
 /* eslint global-require: 0 */
 <% } %>
-<% } %>
 import { configure } from 'quasar/wrappers';
 
 export default configure((ctx) => {
   return {
-    // https://v2.quasar.dev/quasar-cli-webpack/supporting-ts
-    supportTS: false,
+    <% if (preset.lint) { %>eslint: {
+      // fix: true,
+      // include: [],
+      // exclude: [],
+      // cache: false,
+      // rawEsbuildEslintOptions: {},
+      // rawWebpackEslintPluginOptions: {},
+      warnings: true,
+      errors: true
+    },<% } %>
 
     // https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
     // preFetch: true,
@@ -49,15 +54,20 @@ export default configure((ctx) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
     build: {
+      // publicPath: '/',
       vueRouterMode: 'hash', // available values: 'hash', 'history'
 
-      // transpile: false,
-      // publicPath: '/',
+      esbuildTarget: {
+        browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
+        node: 'node16'
+      },
+
+      // webpackTranspile: false,
 
       // Add dependencies for transpiling with Babel (Array of string/regex)
       // (from node_modules, which are by default not transpiled).
-      // Applies only if "transpile" is set to true.
-      // transpileDependencies: [],
+      // Applies only if "webpackTranspile" is set to true.
+      // webpackTranspileDependencies: [],
 
       // rtl: true, // https://quasar.dev/options/rtl-support
       // preloadChunks: true,
@@ -69,15 +79,8 @@ export default configure((ctx) => {
       // extractCSS: false,
 
       // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      <% if (preset.lint) { %>
-      chainWebpack (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js', 'vue' ] }])
-      }
-      <% } else { %>
-      chainWebpack (/* chain */) {}
-      <% } %>
+      // "chain" is a webpack-chain object https://github.com/sorrycc/webpack-chain
+      // chainWebpack (/* chain, { isClient, isServer } */) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
@@ -85,7 +88,6 @@ export default configure((ctx) => {
       server: {
         type: 'http'
       },
-      port: 8080,
       open: true // opens browser window automatically
     },
 
@@ -111,86 +113,57 @@ export default configure((ctx) => {
     // https://quasar.dev/options/animations
     animations: [],
 
+    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#property-sourcefiles
+    // sourceFiles: {
+    //   rootComponent: 'src/App.vue',
+    //   router: 'src/router/index',
+    //   store: 'src/store/index',
+    //   indexHtmlTemplate: 'index.html',
+    //   pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
+    //   pwaServiceWorker: 'src-pwa/custom-service-worker',
+    //   pwaManifestFile: 'src-pwa/manifest.json',
+    //   electronMain: 'src-electron/electron-main',
+    //   electronPreload: 'src-electron/electron-preload'
+    //   bexManifestFile: 'src-bex/manifest.json
+    // },
+
     // https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
     ssr: {
-      pwa: false,
+      prodPort: 3000, // The default port that the production server should use
+                      // (gets superseded if process.env.PORT is specified at runtime)
+
+      middlewares: [
+        'render' // keep this as last one
+      ],
 
+      // extendPackageJson (json) {},
+      // extendSSRWebserverConf (esbuildConf) {},
+
+      // manualStoreSerialization: true,
+      // manualStoreSsrContextInjection: true,
       // manualStoreHydration: true,
       // manualPostHydrationTrigger: true,
 
-      prodPort: 3000, // The default port that the production server should use
-                      // (gets superseded if process.env.PORT is specified at runtime)
+      pwa: false
 
-      maxAge: 1000 * 60 * 60 * 24 * 30,
-        // Tell browser when a file from the server should expire from cache (in ms)
+      // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
+                                                 // will mess up SSR
 
-      <% if (preset.lint) { %>
-      chainWebpackWebserver (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
-      },
-      <% } else { %>
-      chainWebpackWebserver (/* chain */) {},
-      <% } %>
-
-      middlewares: [
-        ctx.prod ? 'compression' : '',
-        'render' // keep this as last one
-      ]
+      // pwaExtendGenerateSWOptions (cfg) {},
+      // pwaExtendInjectManifestOptions (cfg) {}
     },
 
     // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
     pwa: {
-      workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
-      workboxOptions: {}, // only for GenerateSW
-
-      // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
-      // if using workbox in InjectManifest mode
-      <% if (preset.lint) { %>
-      chainWebpackCustomSW (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
-      },
-      <% } else { %>
-      chainWebpackCustomSW (/* chain */) {},
-      <% } %>
-
-      manifest: {
-        name: `<%= productName %>`,
-        short_name: `<%= productName %>`,
-        description: `<%= description %>`,
-        display: 'standalone',
-        orientation: 'portrait',
-        background_color: '#ffffff',
-        theme_color: '#027be3',
-        icons: [
-          {
-            src: 'icons/icon-128x128.png',
-            sizes: '128x128',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-256x256.png',
-            sizes: '256x256',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-384x384.png',
-            sizes: '384x384',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-512x512.png',
-            sizes: '512x512',
-            type: 'image/png'
-          }
-        ]
-      }
+      workboxMode: 'GenerateSW' // 'GenerateSW' or 'InjectManifest'
+      // swFilename: 'sw.js',
+      // manifestFilename: 'manifest.json'
+      // extendManifestJson (json) {},
+      // useCredentialsForManifestTag: true,
+      // injectPwaMetaTags: false,
+      // extendPWACustomSWConf (esbuildConf) {},
+      // extendGenerateSWOptions (cfg) {},
+      // extendInjectManifestOptions (cfg) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
@@ -205,6 +178,11 @@ export default configure((ctx) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
     electron: {
+      // extendElectronMainConf (esbuildConf) {},
+      // extendElectronPreloadConf (esbuildConf) {},
+
+      // extendPackageJson (json) {},
+
       // specify the debugging port to use for the Electron app when running in development mode
       inspectPort: 5858,
 
@@ -227,26 +205,17 @@ export default configure((ctx) => {
         // https://www.electron.build/configuration/configuration
 
         appId: '<%= name %>'
-      },
+      }
+    },
 
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      <% if (preset.lint) { %>
-      chainWebpackMain (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
-      },
-      <% } else { %>
-      chainWebpackMain (/* chain */) {},
-      <% } %>
-
-      <% if (preset.lint) { %>
-      chainWebpackPreload (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js' ] }])
-      },
-      <% } else { %>
-      chainWebpackPreload (/* chain */) {},
-      <% } %>
+    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-browser-extensions/configuring-bex
+    bex: {
+      // extendBexScriptsConf (esbuildConf) {},
+      // extendBexManifestJson (json) {},
+
+      contentScripts: [
+        'my-content-script'
+      ]
     }
   }
 });

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

@@ -23,7 +23,7 @@ export default route(function (/* { store, ssrContext } */) {
     // Leave this as is and make changes in quasar.conf.js instead!
     // quasar.conf.js -> build -> vueRouterMode
     // quasar.conf.js -> build -> publicPath
-    history: createHistory(process.env.MODE === 'ssr' ? void 0 : process.env.VUE_ROUTER_BASE)
+    history: createHistory(process.env.VUE_ROUTER_BASE)
   })
 
   return Router

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

@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "eslint": "^8.10.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
@@ -39,17 +39,17 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
-    "@types/node": "^12.20.21",
+    "@types/node": "^20.5.9",
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
     "@quasar/app-vite": "^2.0.0-alpha.0",
     "autoprefixer": "^10.4.2",
-    "typescript": "^4.5.4"
+    "typescript": "^5.2.2"
   },
   "engines": {
-    "node": "^18 || ^16 || ^14.19",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

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

@@ -15,6 +15,7 @@ export default configure((/* ctx */) => {
       // fix: true,
       // include: [],
       // exclude: [],
+      // cache: false,
       // rawOptions: {},
       warnings: true,
       errors: true
@@ -127,46 +128,51 @@ export default configure((/* ctx */) => {
     //   rootComponent: 'src/App.vue',
     //   router: 'src/router/index',
     //   store: 'src/store/index',
-    //   registerServiceWorker: 'src-pwa/register-service-worker',
-    //   serviceWorker: 'src-pwa/custom-service-worker',
+    //   pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
+    //   pwaServiceWorker: 'src-pwa/custom-service-worker',
     //   pwaManifestFile: 'src-pwa/manifest.json',
     //   electronMain: 'src-electron/electron-main',
     //   electronPreload: 'src-electron/electron-preload'
+    //   bexManifestFile: 'src-bex/manifest.json
     // },
 
     // https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
     ssr: {
-      // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
-                                          // will mess up SSR
+      prodPort: 3000, // The default port that the production server should use
+                      // (gets superseded if process.env.PORT is specified at runtime)
 
-      // extendSSRWebserverConf (esbuildConf) {},
-      // extendPackageJson (json) {},
+      middlewares: [
+        'render' // keep this as last one
+      ],
 
-      pwa: false,
+      // extendPackageJson (json) {},
+      // extendSSRWebserverConf (esbuildConf) {},
 
+      // manualStoreSerialization: true,
+      // manualStoreSsrContextInjection: true,
       // manualStoreHydration: true,
       // manualPostHydrationTrigger: true,
 
-      prodPort: 3000, // The default port that the production server should use
-                      // (gets superseded if process.env.PORT is specified at runtime)
+      pwa: false
 
-      middlewares: [
-        'render' // keep this as last one
-      ]
+      // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
+                                                 // will mess up SSR
+
+      // pwaExtendGenerateSWOptions (cfg) {},
+      // pwaExtendInjectManifestOptions (cfg) {}
     },
 
     // https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
     pwa: {
-      workboxMode: 'generateSW', // or 'injectManifest'
-      injectPwaMetaTags: true,
-      swFilename: 'sw.js',
-      manifestFilename: 'manifest.json',
-      useCredentialsForManifestTag: false,
-      // useFilenameHashes: true,
-      // extendGenerateSWOptions (cfg) {}
-      // extendInjectManifestOptions (cfg) {},
-      // extendManifestJson (json) {}
-      // extendPWACustomSWConf (esbuildConf) {}
+      workboxMode: 'GenerateSW' // 'GenerateSW' or 'InjectManifest'
+      // swFilename: 'sw.js',
+      // manifestFilename: 'manifest.json'
+      // extendManifestJson (json) {},
+      // useCredentialsForManifestTag: true,
+      // injectPwaMetaTags: false,
+      // extendPWACustomSWConf (esbuildConf) {},
+      // extendGenerateSWOptions (cfg) {},
+      // extendInjectManifestOptions (cfg) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
@@ -181,8 +187,10 @@ export default configure((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
     electron: {
-      // extendElectronMainConf (esbuildConf)
-      // extendElectronPreloadConf (esbuildConf)
+      // extendElectronMainConf (esbuildConf) {},
+      // extendElectronPreloadConf (esbuildConf) {},
+
+      // extendPackageJson (json) {},
 
       // specify the debugging port to use for the Electron app when running in development mode
       inspectPort: 5858,
@@ -211,12 +219,12 @@ export default configure((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
     bex: {
+      // extendBexScriptsConf (esbuildConf) {},
+      // extendBexManifestJson (json) {},
+
       contentScripts: [
         'my-content-script'
-      ],
-
-      // extendBexScriptsConf (esbuildConf) {}
-      // extendBexManifestJson (json) {}
+      ]
     }
   }
 });

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

@@ -27,10 +27,11 @@
   },
   "devDependencies": {
     <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "eslint": "^8.10.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",
@@ -40,11 +41,12 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.20.1",
     <% } else if (lintConfig === 'prettier') { %>
-    "eslint-config-prettier": "^8.1.0",
-    "prettier": "^2.5.1",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "^3.0.3",
     <% } } %>
-    "@types/node": "^12.20.21",
-    "@quasar/app-webpack": "^4.0.0-alpha.0"
+    "@quasar/app-webpack": "^4.0.0-alpha.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.2.2"
   },
   "browserslist": [
     "last 10 Chrome versions",
@@ -58,7 +60,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": ">= 12.22.1",
+    "node": "^24 || ^22 || ^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

package/templates/app/quasar-v2/{js-webpack-beta/BASE/src/index.template.html → ts-webpack-beta/BASE/index.html}

@@ -16,7 +16,6 @@
     <link rel="icon" type="image/ico" href="favicon.ico">
   </head>
   <body>
-    <!-- DO NOT touch the following DIV -->
-    <div id="q-app"></div>
+    <!-- quasar:entry-point -->
   </body>
 </html>

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

@@ -12,8 +12,18 @@
 <% } %>
 import { configure } from 'quasar/wrappers';
 
-export default configure((ctx) => {
+export default configure((/* ctx */) => {
   return {
+    <% if (preset.lint) { %>eslint: {
+      // fix: true,
+      // include: [],
+      // exclude: [],
+      // cache: false,
+      // rawEsbuildEslintOptions: {},
+      // rawWebpackEslintPluginOptions: {},
+      warnings: true,
+      errors: true
+    },<% } %>
     // https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
     // preFetch: true,
 
@@ -46,24 +56,15 @@ export default configure((ctx) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
     build: {
-      <% if (preset.lint) { %>
-      tsCheckerOptions: {
-        eslint: {
-          enabled: true,
-          files: './src/**/*.{ts,tsx,js,jsx,vue}',
-        },
-      },
-
-      <% } %>
+      // publicPath: '/',
       vueRouterMode: 'hash', // available values: 'hash', 'history'
 
-      // transpile: false,
-      // publicPath: '/',
+      // webpackTranspile: false,
 
       // Add dependencies for transpiling with Babel (Array of string/regex)
       // (from node_modules, which are by default not transpiled).
-      // Applies only if "transpile" is set to true.
-      // transpileDependencies: [],
+      // Applies only if "webpackTranspile" is set to true.
+      // webpackTranspileDependencies: [],
 
       // rtl: true, // https://quasar.dev/options/rtl-support
       // preloadChunks: true,
@@ -75,8 +76,8 @@ export default configure((ctx) => {
       // extractCSS: false,
 
       // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      // chainWebpack (/* chain */) {}
+      // "chain" is a webpack-chain object https://github.com/sorrycc/webpack-chain
+      // chainWebpack (/* chain, { isClient, isServer } */) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
@@ -84,7 +85,6 @@ export default configure((ctx) => {
       server: {
         type: 'http'
       },
-      port: 8080,
       open: true // opens browser window automatically
     },
 
@@ -110,72 +110,57 @@ export default configure((ctx) => {
     // https://quasar.dev/options/animations
     animations: [],
 
+    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#property-sourcefiles
+    // sourceFiles: {
+    //   rootComponent: 'src/App.vue',
+    //   router: 'src/router/index',
+    //   store: 'src/store/index',
+    //   indexHtmlTemplate: 'index.html',
+    //   pwaRegisterServiceWorker: 'src-pwa/register-service-worker',
+    //   pwaServiceWorker: 'src-pwa/custom-service-worker',
+    //   pwaManifestFile: 'src-pwa/manifest.json',
+    //   electronMain: 'src-electron/electron-main',
+    //   electronPreload: 'src-electron/electron-preload'
+    //   bexManifestFile: 'src-bex/manifest.json
+    // },
+
     // https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
     ssr: {
-      pwa: false,
+      prodPort: 3000, // The default port that the production server should use
+                      // (gets superseded if process.env.PORT is specified at runtime)
 
+      middlewares: [
+        'render' // keep this as last one
+      ],
+
+      // extendPackageJson (json) {},
+      // extendSSRWebserverConf (esbuildConf) {},
+
+      // manualStoreSerialization: true,
+      // manualStoreSsrContextInjection: true,
       // manualStoreHydration: true,
       // manualPostHydrationTrigger: true,
 
-      prodPort: 3000, // The default port that the production server should use
-                      // (gets superseded if process.env.PORT is specified at runtime)
-
-      maxAge: 1000 * 60 * 60 * 24 * 30,
-        // Tell browser when a file from the server should expire from cache (in ms)
+      pwa: false
 
-      // chainWebpackWebserver (/* chain */) {},
+      // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
+                                                 // will mess up SSR
 
-      middlewares: [
-        ctx.prod ? 'compression' : '',
-        'render' // keep this as last one
-      ]
+      // pwaExtendGenerateSWOptions (cfg) {},
+      // pwaExtendInjectManifestOptions (cfg) {}
     },
 
     // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
     pwa: {
-      workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
-      workboxOptions: {}, // only for GenerateSW
-
-      // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
-      // if using workbox in InjectManifest mode
-      // chainWebpackCustomSW (/* chain */) {},
-
-      manifest: {
-        name: `<%= productName %>`,
-        short_name: `<%= productName %>`,
-        description: `<% description %>`,
-        display: 'standalone',
-        orientation: 'portrait',
-        background_color: '#ffffff',
-        theme_color: '#027be3',
-        icons: [
-          {
-            src: 'icons/icon-128x128.png',
-            sizes: '128x128',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-256x256.png',
-            sizes: '256x256',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-384x384.png',
-            sizes: '384x384',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-512x512.png',
-            sizes: '512x512',
-            type: 'image/png'
-          }
-        ]
-      }
+      workboxMode: 'GenerateSW' // 'GenerateSW' or 'InjectManifest'
+      // swFilename: 'sw.js',
+      // manifestFilename: 'manifest.json'
+      // extendManifestJson (json) {},
+      // useCredentialsForManifestTag: true,
+      // injectPwaMetaTags: false,
+      // extendPWACustomSWConf (esbuildConf) {},
+      // extendGenerateSWOptions (cfg) {},
+      // extendInjectManifestOptions (cfg) {}
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
@@ -190,6 +175,11 @@ export default configure((ctx) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
     electron: {
+      // extendElectronMainConf (esbuildConf) {},
+      // extendElectronPreloadConf (esbuildConf) {},
+
+      // extendPackageJson (json) {},
+
       // specify the debugging port to use for the Electron app when running in development mode
       inspectPort: 5858,
 
@@ -212,19 +202,17 @@ export default configure((ctx) => {
         // https://www.electron.build/configuration/configuration
 
         appId: '<%= name %>'
-      },
+      }
+    },
 
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      chainWebpackMain (/* chain */) {
-        // do something with the Electron main process Webpack cfg
-        // extendWebpackMain also available besides this chainWebpackMain
-      },
+    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-browser-extensions/configuring-bex
+    bex: {
+      // extendBexScriptsConf (esbuildConf) {},
+      // extendBexManifestJson (json) {},
 
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      chainWebpackPreload (/* chain */) {
-        // do something with the Electron main process Webpack cfg
-        // extendWebpackPreload also available besides this chainWebpackPreload
-      }
+      contentScripts: [
+        'my-content-script'
+      ]
     }
   }
 });

package/templates/app/quasar-v2/ts-webpack-beta/BASE/src/router/index.ts

@@ -29,9 +29,7 @@ export default route<% if (preset.vuex) { %><StateInterface><% } %>(function (/*
     // Leave this as is and make changes in quasar.conf.js instead!
     // quasar.conf.js -> build -> vueRouterMode
     // quasar.conf.js -> build -> publicPath
-    history: createHistory(
-      process.env.MODE === 'ssr' ? void 0 : process.env.VUE_ROUTER_BASE
-    ),
+    history: createHistory(process.env.VUE_ROUTER_BASE),
   });
 
   return Router;

package/templates/app-extension/ae-v1/.eslintrc.js

@@ -12,7 +12,9 @@ module.exports = {
       'repositoryType',
       'repositoryURL',
       'homepage',
-      'bugs'
+      'bugs',
+
+      'codeFormat'
     ]
   },
 

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

@@ -5,7 +5,7 @@
   "description": "<%= description %>",
   "author": "<%= author %>",
   "license": "<%= license %>",
-  "main": "src/index.js",
+  "type": "<%= codeFormat === 'esm' ? 'module' : 'commonjs' %>",
   "scripts": {
     "test": "echo \"No test specified\" && exit 0"
   },

package/templates/app-extension/ae-v1/BASE/src/index.js

@@ -6,6 +6,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
  */
 
-module.exports = function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/ae-v1/index.js

@@ -22,6 +22,17 @@ module.exports = async function ({ scope, utils }) {
         utils.isValidPackageName(val) || 'Invalid App Extension name'
     },
 
+    {
+      type: 'select',
+      name: 'codeFormat',
+      message: 'Pick AE format:',
+      initial: 0,
+      choices: [
+        { title: 'ESM (q/app-vite >= 1.5, q/app-webpack >= 3.10)', value: 'esm', description: 'recommended' },
+        { title: 'CommonJS', value: 'commonjs' }
+      ]
+    },
+
     utils.commonPrompts.description,
     utils.commonPrompts.author,
     {

package/templates/app-extension/ae-v1/install-script/{install.js → src/install.js}

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/InstallAPI.js
  */
 
-module.exports = function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/app-extension/ae-v1/prompts-script/{prompts.js → src/prompts.js}

@@ -39,6 +39,6 @@
 
  */
 
-module.exports = function () {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function () {
   return []
 }

package/templates/app-extension/ae-v1/uninstall-script/{uninstall.js → src/uninstall.js}

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/UninstallAPI.js
  */
 
-module.exports = function (api) {
+<%= codeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }

package/templates/ui-kit/.eslintrc.js

@@ -11,6 +11,7 @@ module.exports = {
 
       'packageDescription',
       'aeDescription',
+      'aeCodeFormat',
 
       'umdExportName',
       'componentName',

package/templates/ui-kit/index.js

@@ -96,6 +96,17 @@ module.exports = async function ({ scope, utils }) {
       ]
     },
 
+    {
+      type: (_, { quasarVersion, features }) => quasarVersion === 'v2' && features.ae ? 'select' : null,
+      name: 'aeCodeFormat',
+      message: 'Pick the App Extension format:',
+      initial: 0,
+      choices: [
+        { title: 'ESM (q/app-vite >= 1.5, q/app-webpack >= 3.10)', value: 'esm', description: 'recommended' },
+        { title: 'CommonJS', value: 'commonjs' }
+      ]
+    },
+
     utils.commonPrompts.repositoryType,
     utils.commonPrompts.repositoryURL,
     utils.commonPrompts.homepage,

package/templates/ui-kit/quasar-v2/ae/app-extension/_package.json

@@ -4,7 +4,7 @@
   "description": "<%= aeDescription %>",
   "author": "<%= author %>",
   "license": "<%= license %>",
-  "main": "src/index.js",
+  "type": "<%= aeCodeFormat === 'esm' ? 'module' : 'commonjs' %>",
   "repository": {
     "type": "<%= repositoryType %>",
     "url": "<%= repositoryURL %>"

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

@@ -6,28 +6,34 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
  */
 
-function extendConf (conf) {
+function extendConf (conf, api) {
   // register our boot file
   conf.boot.push('~quasar-app-extension-<%= name %>/src/boot/register.js')
 
-  // make sure app extension files & ui package gets transpiled
-  conf.build.transpileDependencies.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  if (api.hasWebpack) {
+    // make sure app extension files & ui package gets transpiled
+    const transpileTarget = (
+      conf.build.webpackTranspileDependencies // q/app-webpack >= v4
+      || conf.build.transpileDependencies // q/app-webpack v3
+    )
+    transpileTarget.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  }
 
   // make sure the stylesheet goes through webpack to avoid SSR issues
   conf.css.push('~quasar-ui-<%= name %>/src/index.sass')
 }
 
-module.exports = function (api) {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   // Quasar compatibility check; you may need
   // hard dependencies, as in a minimum version of the "quasar"
   // package or a minimum version of "@quasar/app-*" CLI
   api.compatibleWith('quasar', '^2.0.0')
 
   if (api.hasVite) {
-    api.compatibleWith('@quasar/app-vite', '^1.0.0')
+    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0')
   }
   else if (api.hasWebpack) {
-    api.compatibleWith('@quasar/app-webpack', '^3.4.0')
+    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

@@ -5,6 +5,16 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/InstallAPI.js
  */
 
-module.exports = function (api) {
-  //
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
+  // Quasar compatibility check; you may need
+  // hard dependencies, as in a minimum version of the "quasar"
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+
+  if (api.hasVite) {
+    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')
+  }
 }

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

@@ -39,6 +39,6 @@
 
  */
 
-module.exports = function () {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function () {
   return []
 }

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

@@ -5,6 +5,6 @@
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/UninstallAPI.js
  */
 
-module.exports = function (api) {
+<%= aeCodeFormat === 'esm' ? 'export default' : 'module.exports =' %> function (api) {
   //
 }