create-quasar 1.8.2 → 1.8.4

package/.eslintrc.cjs

@@ -1,4 +1,5 @@
 module.exports = {
+  // TODO: improve rules, use the ones from the root config by removing `root: true`
   root: true,
 
   parserOptions: {

package/README.md

@@ -13,12 +13,17 @@
 This app is used to scaffold Quasar CLI project folders.
 
 ```bash
+npm init quasar
+# or:
 yarn create quasar
 # or:
-npm init quasar
+pnpm create quasar
+# or:
+bun create quasar
 ```
 
 ## Supporting Quasar
+
 Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).
 
 **Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).
@@ -44,6 +49,7 @@ Ask questions at the official community forum: [https://forum.quasar.dev](https:
 I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../CONTRIBUTING.md).
 
 ## Semver
+
 Quasar is following [Semantic Versioning 2.0](https://semver.org/).
 
 ## License

package/index.js

@@ -87,9 +87,9 @@ if (scope.skipDepsInstall !== true) {
             ]
           : [
               { title: 'Yes, use Yarn (recommended)', value: 'yarn' },
+              { title: 'Yes, use PNPM (recommended)', value: 'pnpm' },
               { title: 'Yes, use NPM', value: 'npm' },
-              { title: 'Yes, use PNPM (experimental support)', value: 'pnpm' },
-              { title: 'Yes, use Bun (experimental support)', value: 'bun' },
+              { title: 'Yes, use Bun', value: 'bun' },
               { title: 'No, I will handle that myself', value: false }
             ]
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quasar",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
   "type": "module",
   "author": {
@@ -26,10 +26,6 @@
   "engines": {
     "node": ">=16"
   },
-  "scripts": {
-    "lint": "eslint --ext .js,.ts ./ --fix",
-    "create-test-project": "tsx scripts/create-test-project.ts"
-  },
   "dependencies": {
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
@@ -38,13 +34,16 @@
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.202",
+    "@types/lodash": "^4.17.0",
     "@types/prompts": "^2.4.7",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
-    "eslint": "^8.57.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
     "eslint-plugin-lodash-template": "^1.0.0",
-    "tsx": "^4.7.0",
-    "typescript": "^5.2.2"
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.5"
+  },
+  "scripts": {
+    "lint": "eslint --ext .js,.ts ./ --fix",
+    "create-test-project": "tsx scripts/create-test-project.ts"
   }
-}
+}

package/scripts/create-test-project.ts

@@ -1,4 +1,4 @@
-import { override } from 'prompts';
+import prompts from 'prompts';
 
 type ScriptType = 'js' | 'ts';
 type AppEngine = 'vite' | 'webpack';
@@ -13,8 +13,12 @@ type CreateProjectOptions = {
 export async function createProject({ scriptType, appEngine, packageManager }: CreateProjectOptions) {
   // To bypass Corepack enforcing what's specified in the closest package.json file that has the 'packageManager' field
   process.env.COREPACK_ENABLE_STRICT = '0';
+  // See https://github.com/yarnpkg/yarn/issues/9015
+  process.env.SKIP_YARN_COREPACK_CHECK = '1';
+  // To alter the behavior to run correctly within this script
+  process.env.CREATE_TEST_PROJECT_OVERRIDE = 'true';
 
-  override({
+  prompts.override({
     projectType: 'app',
     projectFolder: 'test-project',
     overwrite: true,

package/templates/app/quasar-v1/js/BASE/_package.json

@@ -21,7 +21,7 @@
   "devDependencies": {
     <% if (preset.lint) { %>
     "@babel/eslint-parser": "^7.13.14",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     "eslint-webpack-plugin": "^2.0.0",
     <% if (lintConfig === 'standard') { %>

package/templates/app/quasar-v1/ts/BASE/_package.json

@@ -26,7 +26,7 @@
     <% if (preset.lint) { %>
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",

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

@@ -19,13 +19,13 @@
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
     <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
-    "quasar": "^2.8.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
     <% if (preset.lint) { %>
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     "vite-plugin-checker": "^0.6.4",
     <% if (lintConfig === 'standard') { %>
@@ -41,7 +41,7 @@
     "prettier": "^2.5.1",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
-    "@quasar/app-vite": "^1.8.0",
+    "@quasar/app-vite": "^1.9.0",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"
   },

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

@@ -18,16 +18,15 @@
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
     <% if (preset.i18n) { %>"vue-i18n": "^9.0.0",<% } %>
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
-    <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
-    "quasar": "^2.6.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.0"
   },
   "devDependencies": {
     <% if (preset.lint) { %>
     "vite-plugin-checker": "^0.6.4",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
@@ -42,7 +41,7 @@
     "prettier": "^3.0.3",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^2.0.0",<% } %>
-    "@quasar/app-vite": "^2.0.0-beta.5",
+    "@quasar/app-vite": "^2.0.0-beta.12",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"
   },

package/templates/app/quasar-v2/js-vite-2/BASE/{postcss.config.cjs → postcss.config.js}

@@ -1,10 +1,13 @@
 /* eslint-disable */
 // https://github.com/michael-ciniawsky/postcss-load-config
 
-module.exports = {
+import autoprefixer from 'autoprefixer'
+// import rtlcss from 'postcss-rtlcss'
+
+export default {
   plugins: [
     // https://github.com/postcss/autoprefixer
-    require('autoprefixer')({
+    autoprefixer({
       overrideBrowserslist: [
         'last 4 Chrome versions',
         'last 4 Firefox versions',
@@ -15,13 +18,13 @@ module.exports = {
         'last 4 FirefoxAndroid versions',
         'last 4 iOS versions'
       ]
-    })
+    }),
 
     // https://github.com/elchininet/postcss-rtlcss
     // If you want to support RTL css, then
-    // 1. yarn/npm install postcss-rtlcss
+    // 1. yarn/pnpm/bun/npm install postcss-rtlcss
     // 2. optionally set quasar.config.js > framework > lang to an RTL language
-    // 3. uncomment the following line:
-    // require('postcss-rtlcss')
+    // 3. uncomment the following line (and its import statement above):
+    // rtlcss()
   ]
 }

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

@@ -7,23 +7,10 @@ export async function script ({ scope, utils }) {
       choices: [
         { 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' }
       ],
-      format: values => {
-        let result = values
-
-        if (values.includes('vuex') && values.includes('pinia')) {
-          console.log()
-          utils.logger.warn('Only one state management package can be used. Picking the recommended Pinia and dropping Vuex.')
-          console.log()
-
-          result = values.filter(entry => entry !== 'vuex')
-        }
-
-        return utils.convertArrayToObject(result)
-      }
+      format: utils.convertArrayToObject
     },
     {
       type: (_, { preset }) => (preset.lint ? 'select' : null),
@@ -44,7 +31,5 @@ export async function script ({ scope, utils }) {
   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.preset.pinia) utils.renderTemplate('pinia', scope)
-  else if (scope.preset.vuex) utils.renderTemplate('vuex', scope)
 }

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

@@ -20,14 +20,14 @@
     <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.31.1",
-    "quasar": "^2.8.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
     <% if (preset.lint) { %>
     "@babel/eslint-parser": "^7.13.14",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     "eslint-webpack-plugin": "^3.1.1",
     <% if (lintConfig === 'standard') { %>
@@ -42,7 +42,7 @@
     "eslint-config-prettier": "^8.1.0",
     "prettier": "^2.5.1",
     <% } } %>
-    "@quasar/app-webpack": "^3.9.2"
+    "@quasar/app-webpack": "^3.13.0"
   },
   "browserslist": [
     "last 10 Chrome versions",

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

@@ -17,17 +17,16 @@
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
     <% if (preset.i18n) { %>"vue-i18n": "^9.0.0",<% } %>
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
-    <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.31.1",
-    "quasar": "^2.8.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
     <% if (preset.lint) { %>
     "@babel/eslint-parser": "^7.13.14",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     "eslint-webpack-plugin": "^3.1.1",
     <% if (lintConfig === 'standard') { %>
@@ -42,7 +41,7 @@
     "eslint-config-prettier": "^9.0.0",
     "prettier": "^3.0.3",
     <% } } %>
-    "@quasar/app-webpack": "^4.0.0-beta.1"
+    "@quasar/app-webpack": "^4.0.0-beta.13"
   },
   "browserslist": [
     "last 10 Chrome versions",

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

@@ -7,23 +7,10 @@ export async function script ({ scope, utils }) {
       choices: [
         { 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' }
       ],
-      format: values => {
-        let result = values
-
-        if (values.includes('vuex') && values.includes('pinia')) {
-          console.log()
-          utils.logger.warn('Only one state management package can be used. Picking the recommended Pinia and dropping Vuex.')
-          console.log()
-
-          result = values.filter(entry => entry !== 'vuex')
-        }
-
-        return utils.convertArrayToObject(result)
-      }
+      format: utils.convertArrayToObject
     },
     {
       type: (_, { preset }) => (preset.lint ? 'select' : null),
@@ -44,7 +31,5 @@ export async function script ({ scope, utils }) {
   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.preset.pinia) utils.renderTemplate('pinia', scope)
-  else if (scope.preset.vuex) utils.renderTemplate('vuex', scope)
 }

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

@@ -19,7 +19,7 @@
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
     <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
-    "quasar": "^2.8.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
@@ -29,7 +29,7 @@
     "@typescript-eslint/parser": "^5.10.0",
     "vite-plugin-checker": "^0.6.4",
     "vue-tsc": "^1.8.22",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
@@ -45,7 +45,7 @@
     <% } } %>
     "@types/node": "^12.20.21",
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
-    "@quasar/app-vite": "^1.8.0",
+    "@quasar/app-vite": "^1.9.0",
     "autoprefixer": "^10.4.2",
     "typescript": "^4.5.4"
   },

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

@@ -18,9 +18,8 @@
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
     <% if (preset.i18n) { %>"vue-i18n": "^9.2.2",<% } %>
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
-    <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
-    "quasar": "^2.6.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
@@ -30,7 +29,7 @@
     "@typescript-eslint/parser": "^6.6.0",
     "vite-plugin-checker": "^0.6.4",
     "vue-tsc": "^1.8.22",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
@@ -46,7 +45,7 @@
     <% } } %>
     "@types/node": "^20.5.9",
     <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^2.0.0",<% } %>
-    "@quasar/app-vite": "^2.0.0-beta.5",
+    "@quasar/app-vite": "^2.0.0-beta.12",
     "autoprefixer": "^10.4.2",
     "typescript": "~5.3.0"
   },

package/templates/app/quasar-v2/ts-vite-2/BASE/{postcss.config.cjs → postcss.config.js}

@@ -1,10 +1,13 @@
 /* eslint-disable */
 // https://github.com/michael-ciniawsky/postcss-load-config
 
-module.exports = {
+import autoprefixer from 'autoprefixer'
+// import rtlcss from 'postcss-rtlcss'
+
+export default {
   plugins: [
     // https://github.com/postcss/autoprefixer
-    require('autoprefixer')({
+    autoprefixer({
       overrideBrowserslist: [
         'last 4 Chrome versions',
         'last 4 Firefox versions',
@@ -15,13 +18,13 @@ module.exports = {
         'last 4 FirefoxAndroid versions',
         'last 4 iOS versions'
       ]
-    })
+    }),
 
     // https://github.com/elchininet/postcss-rtlcss
     // If you want to support RTL css, then
-    // 1. yarn/npm install postcss-rtlcss
+    // 1. yarn/pnpm/bun/npm install postcss-rtlcss
     // 2. optionally set quasar.config.js > framework > lang to an RTL language
-    // 3. uncomment the following line:
-    // require('postcss-rtlcss')
+    // 3. uncomment the following line (and its import statement above):
+    // rtlcss()
   ]
 }

package/templates/app/quasar-v2/ts-vite-2/BASE/src/router/index.ts

@@ -5,8 +5,6 @@ import {
   createWebHashHistory,
   createWebHistory,
 } from 'vue-router';
-<% if (preset.vuex) { %>import { StateInterface } from '../store';
-<% } %>
 import routes from './routes';
 
 /*
@@ -18,7 +16,7 @@ import routes from './routes';
  * with the Router instance.
  */
 
-export default route<% if (preset.vuex) { %><StateInterface><% } %>(function (/* { store, ssrContext } */) {
+export default route(function (/* { store, ssrContext } */) {
   const createHistory = process.env.SERVER
     ? createMemoryHistory
     : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);

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

@@ -7,23 +7,10 @@ export async function script ({ scope, utils }) {
       choices: [
         { 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' }
       ],
-      format: values => {
-        let result = values
-
-        if (values.includes('vuex') && values.includes('pinia')) {
-          console.log()
-          utils.logger.warn('Only one state management package can be used. Picking the recommended Pinia and dropping Vuex.')
-          console.log()
-
-          result = values.filter(entry => entry !== 'vuex')
-        }
-
-        return utils.convertArrayToObject(result)
-      }
+      format: utils.convertArrayToObject
     },
     {
       type: (_, { preset }) => (preset.lint ? 'select' : null),
@@ -51,5 +38,4 @@ export async function script ({ scope, utils }) {
   }
 
   if (scope.preset.pinia) utils.renderTemplate('pinia', scope)
-  else if (scope.preset.vuex) utils.renderTemplate('vuex', scope)
 }

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

@@ -20,7 +20,7 @@
     <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.31.1",
-    "quasar": "^2.8.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
@@ -28,7 +28,7 @@
     <% if (preset.lint) { %>
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     <% if (lintConfig === 'standard') { %>
     "eslint-config-standard": "^17.0.0",
@@ -43,7 +43,7 @@
     "prettier": "^2.5.1",
     <% } } %>
     "@types/node": "^12.20.21",
-    "@quasar/app-webpack": "^3.9.2"
+    "@quasar/app-webpack": "^3.13.0"
   },
   "browserslist": [
     "last 10 Chrome versions",

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

@@ -17,10 +17,9 @@
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
     <% if (preset.i18n) { %>"vue-i18n": "^9.2.2",<% } %>
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
-    <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.6.5",
-    "quasar": "^2.6.0",
+    "quasar": "^2.16.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.0"
   },
@@ -28,7 +27,7 @@
     <% if (preset.lint) { %>
     "@typescript-eslint/eslint-plugin": "^6.6.0",
     "@typescript-eslint/parser": "^6.6.0",
-    "eslint": "^8.11.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-vue": "^9.0.0",
     "eslint-webpack-plugin": "^4.0.1",
     <% if (lintConfig === 'standard') { %>
@@ -44,7 +43,7 @@
     "prettier": "^3.0.3",
     <% } } %>
     "@types/node": "^20.5.9",
-    "@quasar/app-webpack": "^4.0.0-beta.1",
+    "@quasar/app-webpack": "^4.0.0-beta.13",
     "ts-loader": "^9.4.2",
     "typescript": "^5.2.2"
   },

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

@@ -5,8 +5,7 @@ import {
   createWebHashHistory,
   createWebHistory,
 } from 'vue-router';
-<% if (preset.vuex) { %>import { StateInterface } from '../store';
-<% } %>import routes from './routes';
+import routes from './routes';
 
 /*
  * If not building with SSR mode, you can
@@ -17,7 +16,7 @@ import {
  * with the Router instance.
  */
 
-export default route<% if (preset.vuex) { %><StateInterface><% } %>(function (/* { store, ssrContext } */) {
+export default route(function (/* { store, ssrContext } */) {
   const createHistory = process.env.SERVER
     ? createMemoryHistory
     : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);

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

@@ -7,23 +7,10 @@ export async function script ({ scope, utils }) {
       choices: [
         { 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' }
       ],
-      format: values => {
-        let result = values
-
-        if (values.includes('vuex') && values.includes('pinia')) {
-          console.log()
-          utils.logger.warn('Only one state management package can be used. Picking the recommended Pinia and dropping Vuex.')
-          console.log()
-
-          result = values.filter(entry => entry !== 'vuex')
-        }
-
-        return utils.convertArrayToObject(result)
-      }
+      format: utils.convertArrayToObject
     },
     {
       type: (_, { preset }) => (preset.lint ? 'select' : null),
@@ -51,5 +38,4 @@ export async function script ({ scope, utils }) {
   }
 
   if (scope.preset.pinia) utils.renderTemplate('pinia', scope)
-  else if (scope.preset.vuex) utils.renderTemplate('vuex', scope)
 }

package/templates/ui-kit/quasar-v2/BASE/ui/_package.json

@@ -29,10 +29,10 @@
     "postcss": "^8.1.9",
     "rtlcss": "^2.6.1",
     "sass": "^1.33.0",
-    "quasar": "^2.0.0",
+    "quasar": "^2.16.0",
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.0.0",
-    "@quasar/app-webpack": "^3.0.0",
+    "@quasar/app-webpack": "^3.13.0",
     "open": "^7.3.0",
     "fs-extra": "^8.1.0",
     "chalk": "^4.1.0",

package/utils/index.js

@@ -197,9 +197,16 @@ function runCommand (cmd, args, options) {
 }
 
 function installDeps (scope) {
+  const args = [ 'install' ]
+  // Related to scripts/create-test-project.ts
+  if (process.env.CREATE_TEST_PROJECT_OVERRIDE === 'true') {
+    // If we don't use this flag, then the test project will become part of the monorepo and fail to install properly
+    args.push('--ignore-workspace')
+  }
+
   return runCommand(
     scope.packageManager,
-    [ 'install' ],
+    args,
     { cwd: scope.projectFolder }
   )
 }

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/index.js

@@ -1,27 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { createStore } from 'vuex'
-
-// import example from './module-example'
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export default store(function (/* { ssrContext } */) {
-  const Store = createStore({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode and --debug builds only
-    strict: process.env.DEBUGGING
-  })
-
-  return Store
-})

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/module-example/actions.js

@@ -1,2 +0,0 @@
-export function someAction (/* context */) {
-}

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/module-example/getters.js

@@ -1,2 +0,0 @@
-export function someGetter (/* state */) {
-}

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/module-example/index.js

@@ -1,12 +0,0 @@
-import state from './state'
-import * as getters from './getters'
-import * as mutations from './mutations'
-import * as actions from './actions'
-
-export default {
-  namespaced: true,
-  getters,
-  mutations,
-  actions,
-  state
-}

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/module-example/mutations.js

@@ -1,2 +0,0 @@
-export function someMutation (/* state */) {
-}

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/module-example/state.js

@@ -1,5 +0,0 @@
-export default function () {
-  return {
-    //
-  }
-}

package/templates/app/quasar-v2/js-vite-2/vuex/src/store/store-flag.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import "quasar/dist/types/feature-flag";
-
-declare module "quasar/dist/types/feature-flag" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/index.js

@@ -1,27 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { createStore } from 'vuex'
-
-// import example from './module-example'
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export default store(function (/* { ssrContext } */) {
-  const Store = createStore({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode and --debug builds only
-    strict: process.env.DEBUGGING
-  })
-
-  return Store
-})

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/module-example/actions.js

@@ -1,2 +0,0 @@
-export function someAction (/* context */) {
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/module-example/getters.js

@@ -1,2 +0,0 @@
-export function someGetter (/* state */) {
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/module-example/index.js

@@ -1,12 +0,0 @@
-import state from './state'
-import * as getters from './getters'
-import * as mutations from './mutations'
-import * as actions from './actions'
-
-export default {
-  namespaced: true,
-  getters,
-  mutations,
-  actions,
-  state
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/module-example/mutations.js

@@ -1,2 +0,0 @@
-export function someMutation (/* state */) {
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/module-example/state.js

@@ -1,5 +0,0 @@
-export default function () {
-  return {
-    //
-  }
-}

package/templates/app/quasar-v2/js-webpack-4/vuex/src/store/store-flag.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import "quasar/dist/types/feature-flag";
-
-declare module "quasar/dist/types/feature-flag" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/index.ts

@@ -1,63 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { InjectionKey } from 'vue'
-import { Router } from 'vue-router'
-import {
-  createStore,
-  Store as VuexStore,
-  useStore as vuexUseStore,
-} from 'vuex'
-
-// import example from './module-example'
-// import { ExampleStateInterface } from './module-example/state';
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export interface StateInterface {
-  // Define your own store structure, using submodules if needed
-  // example: ExampleStateInterface;
-  // Declared as unknown to avoid linting issue. Best to strongly type as per the line above.
-  example: unknown
-}
-
-// provide typings for `this.$store`
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $store: VuexStore<StateInterface>
-  }
-}
-
-// provide typings for `useStore` helper
-export const storeKey: InjectionKey<VuexStore<StateInterface>> = Symbol('vuex-key')
-
-// Provide typings for `this.$router` inside Vuex stores
-declare module "vuex" {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  export interface Store<S> {
-    readonly $router: Router;
-  }
-}
-
-export default store(function (/* { ssrContext } */) {
-  const Store = createStore<StateInterface>({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode and --debug builds only
-    strict: !!process.env.DEBUGGING
-  })
-
-  return Store;
-})
-
-export function useStore() {
-  return vuexUseStore(storeKey)
-}

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/module-example/actions.ts

@@ -1,11 +0,0 @@
-import { ActionTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const actions: ActionTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default actions;

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/module-example/getters.ts

@@ -1,11 +0,0 @@
-import { GetterTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const getters: GetterTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default getters;

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/module-example/index.ts

@@ -1,16 +0,0 @@
-import { Module } from 'vuex';
-import { StateInterface } from '../index';
-import state, { ExampleStateInterface } from './state';
-import actions from './actions';
-import getters from './getters';
-import mutations from './mutations';
-
-const exampleModule: Module<ExampleStateInterface, StateInterface> = {
-  namespaced: true,
-  actions,
-  getters,
-  mutations,
-  state
-};
-
-export default exampleModule;

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/module-example/mutations.ts

@@ -1,10 +0,0 @@
-import { MutationTree } from 'vuex';
-import { ExampleStateInterface } from './state';
-
-const mutation: MutationTree<ExampleStateInterface> = {
-  someMutation (/* state: ExampleStateInterface */) {
-    // your code
-  }
-};
-
-export default mutation;

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/module-example/state.ts

@@ -1,11 +0,0 @@
-export interface ExampleStateInterface {
-  prop: boolean;
-}
-
-function state(): ExampleStateInterface {
-  return {
-    prop: false
-  }
-}
-
-export default state;

package/templates/app/quasar-v2/ts-vite-2/vuex/src/store/store-flag.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import "quasar/dist/types/feature-flag";
-
-declare module "quasar/dist/types/feature-flag" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/index.ts

@@ -1,63 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { InjectionKey } from 'vue'
-import { Router } from 'vue-router'
-import {
-  createStore,
-  Store as VuexStore,
-  useStore as vuexUseStore,
-} from 'vuex'
-
-// import example from './module-example'
-// import { ExampleStateInterface } from './module-example/state';
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export interface StateInterface {
-  // Define your own store structure, using submodules if needed
-  // example: ExampleStateInterface;
-  // Declared as unknown to avoid linting issue. Best to strongly type as per the line above.
-  example: unknown
-}
-
-// provide typings for `this.$store`
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $store: VuexStore<StateInterface>
-  }
-}
-
-// provide typings for `useStore` helper
-export const storeKey: InjectionKey<VuexStore<StateInterface>> = Symbol('vuex-key')
-
-// Provide typings for `this.$router` inside Vuex stores
-declare module "vuex" {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  export interface Store<S> {
-    readonly $router: Router;
-  }
-}
-
-export default store(function (/* { ssrContext } */) {
-  const Store = createStore<StateInterface>({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode and --debug builds only
-    strict: !!process.env.DEBUGGING
-  })
-
-  return Store;
-})
-
-export function useStore() {
-  return vuexUseStore(storeKey)
-}

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/module-example/actions.ts

@@ -1,11 +0,0 @@
-import { ActionTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const actions: ActionTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default actions;

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/module-example/getters.ts

@@ -1,11 +0,0 @@
-import { GetterTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const getters: GetterTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default getters;

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/module-example/index.ts

@@ -1,16 +0,0 @@
-import { Module } from 'vuex';
-import { StateInterface } from '../index';
-import state, { ExampleStateInterface } from './state';
-import actions from './actions';
-import getters from './getters';
-import mutations from './mutations';
-
-const exampleModule: Module<ExampleStateInterface, StateInterface> = {
-  namespaced: true,
-  actions,
-  getters,
-  mutations,
-  state
-};
-
-export default exampleModule;

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/module-example/mutations.ts

@@ -1,10 +0,0 @@
-import { MutationTree } from 'vuex';
-import { ExampleStateInterface } from './state';
-
-const mutation: MutationTree<ExampleStateInterface> = {
-  someMutation (/* state: ExampleStateInterface */) {
-    // your code
-  }
-};
-
-export default mutation;

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/module-example/state.ts

@@ -1,11 +0,0 @@
-export interface ExampleStateInterface {
-  prop: boolean;
-}
-
-function state(): ExampleStateInterface {
-  return {
-    prop: false
-  }
-}
-
-export default state;

package/templates/app/quasar-v2/ts-webpack-4/vuex/src/store/store-flag.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable */
-// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
-//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
-import "quasar/dist/types/feature-flag";
-
-declare module "quasar/dist/types/feature-flag" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}