create-quasar 1.9.3 → 1.10.0

package/.eslintignore

@@ -0,0 +1 @@
+test-project/

package/index.js

@@ -107,7 +107,7 @@ if (scope.skipDepsInstall !== true) {
       choices: () => (
         utils.runningPackageManager
           ? [
-              { title: `Yes, use ${ utils.runningPackageManager }`, value: utils.runningPackageManager },
+              { title: `Yes, use ${ utils.runningPackageManager.name }`, value: utils.runningPackageManager.name },
               { title: 'No, I will handle that myself', value: false }
             ]
           : [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quasar",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
   "type": "module",
   "author": {

package/templates/.eslintrc.cjs

@@ -61,7 +61,7 @@ module.exports = {
     {
       files: [
         './*/*/*/**/_*.js',
-        './*/*/*/**/*.{conf,config}.js'
+        './*/*/*/**/*.{conf,config}.js',
       ],
 
       parserOptions: {
@@ -74,6 +74,22 @@ module.exports = {
       },
     },
 
+    {
+      files: [
+        './*/*/*/**/_eslint.config.js',
+        './*/*/*/**/postcss.config.js'
+      ],
+
+      parserOptions: {
+        sourceType: 'module'
+      },
+
+      env: {
+        browser: false,
+        node: true,
+      },
+    },
+
     {
       // Template-specific manager/helper scripts (e.g. ./app/quasar-v2/index.js)
       files: './*/*/*/*.js',

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

@@ -7,9 +7,9 @@ export async function script ({ scope, utils }) {
       initial: 0,
       choices: [
         { title: 'Quasar App CLI with Vite 2 (stable | v1)', value: 'vite-1', description: 'recommended' },
-        { title: 'Quasar App CLI with Vite 5 (BETA | next major version - v2)', value: 'vite-2' },
+        { title: 'Quasar App CLI with Vite 6 (Release Candidate | next major version - v2)', value: 'vite-2' },
         { title: 'Quasar App CLI with Webpack (stable | v3)', value: 'webpack-3' },
-        { title: 'Quasar App CLI with Webpack (BETA | next major version - v4)', value: 'webpack-4' }
+        { title: 'Quasar App CLI with Webpack (Release Candidate | next major version - v4)', value: 'webpack-4' }
       ]
     },
     {

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

@@ -1,39 +1,3 @@
 {
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "src/*": [
-        "src/*"
-      ],
-      "app/*": [
-        "*"
-      ],
-      "components/*": [
-        "src/components/*"
-      ],
-      "layouts/*": [
-        "src/layouts/*"
-      ],
-      "pages/*": [
-        "src/pages/*"
-      ],
-      "assets/*": [
-        "src/assets/*"
-      ],
-      "boot/*": [
-        "src/boot/*"
-      ],
-      "stores/*": [
-        "src/stores/*"
-      ],
-      "vue$": [
-        "node_modules/vue/dist/vue.runtime.esm-bundler.js"
-      ]
-    }
-  },
-  "exclude": [
-    "dist",
-    ".quasar",
-    "node_modules"
-  ]
+  "extends": "./.quasar/tsconfig.json"
 }

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

@@ -12,7 +12,8 @@
     <% } %>
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
-    "build": "quasar build"
+    "build": "quasar build",
+    "postinstall": "quasar prepare"
   },
   "dependencies": {
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
@@ -41,7 +42,7 @@
     "prettier": "^3.0.3",
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^2.0.0",<% } %>
-    "@quasar/app-vite": "^2.0.0-beta.12",
+    "@quasar/app-vite": "^2.0.0-rc.1",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"
   },

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

@@ -5,10 +5,10 @@
 
 <% if (preset.lint && lintConfig === 'airbnb') { %>/* eslint func-names: 0 */
 /* eslint global-require: 0 */<% } %>
-import { configure } from 'quasar/wrappers'
+import { defineConfig } from '#q-app/wrappers'
 <% if (preset.i18n) { %>import { fileURLToPath } from 'node:url';<% } %>
 
-export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% } %>) => {
+export default defineConfig((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% } %>) => {
   return {
     // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
     // preFetch: true,
@@ -152,7 +152,6 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
       pwa: false
 
       // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
-                                                 // will mess up SSR
 
       // pwaExtendGenerateSWOptions (cfg) {},
       // pwaExtendInjectManifestOptions (cfg) {}
@@ -221,9 +220,7 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
       // extendBexScriptsConf (esbuildConf) {},
       // extendBexManifestJson (json) {},
 
-      contentScripts: [
-        'my-content-script'
-      ]
+      extraScripts: []
     }
   }
 });

package/templates/app/quasar-v2/js-vite-2/BASE/src/App.vue

@@ -3,9 +3,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'App'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

package/templates/app/quasar-v2/js-vite-2/BASE/src/components/EssentialLink.vue

@@ -20,10 +20,6 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'EssentialLink'
-})
-
 const props = defineProps({
   title: {
     type: String,

package/templates/app/quasar-v2/js-vite-2/BASE/src/layouts/MainLayout.vue

@@ -49,10 +49,6 @@
 import { ref } from 'vue'
 import EssentialLink from 'components/EssentialLink.vue'
 
-defineOptions({
-  name: 'MainLayout'
-})
-
 const linksList = [
   {
     title: 'Docs',

package/templates/app/quasar-v2/js-vite-2/BASE/src/pages/ErrorNotFound.vue

@@ -23,9 +23,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'ErrorNotFound'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

package/templates/app/quasar-v2/js-vite-2/BASE/src/pages/IndexPage.vue

@@ -9,9 +9,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'IndexPage'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

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

@@ -1,4 +1,4 @@
-import { route } from 'quasar/wrappers'
+import { defineRouter } from '#q-app/wrappers'
 import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
 import routes from './routes'
 
@@ -11,7 +11,7 @@ import routes from './routes'
  * with the Router instance.
  */
 
-export default route(function (/* { store, ssrContext } */) {
+export default defineRouter(function (/* { store, ssrContext } */) {
   const createHistory = process.env.SERVER
     ? createMemoryHistory
     : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)

package/templates/app/quasar-v2/js-vite-2/axios/src/boot/axios.js

@@ -1,4 +1,4 @@
-import { boot } from 'quasar/wrappers'
+import { defineBoot } from '#q-app/wrappers'
 import axios from 'axios'
 
 // Be careful when using SSR for cross-request state pollution
@@ -9,7 +9,7 @@ import axios from 'axios'
 // for each client)
 const api = axios.create({ baseURL: 'https://api.example.com' })
 
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   // for use inside Vue files (Options API) through this.$axios and this.$api
 
   app.config.globalProperties.$axios = axios

package/templates/app/quasar-v2/js-vite-2/i18n/src/boot/i18n.js

@@ -1,8 +1,8 @@
-import { boot } from 'quasar/wrappers'
+import { defineBoot } from '#q-app/wrappers'
 import { createI18n } from 'vue-i18n'
 import messages from 'src/i18n'
 
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   const i18n = createI18n({
     locale: 'en-US',
     globalInjection: true,

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

@@ -1,4 +1,4 @@
-import { store } from 'quasar/wrappers'
+import { defineStore } from '#q-app/wrappers'
 import { createPinia } from 'pinia'
 
 /*
@@ -10,7 +10,7 @@ import { createPinia } from 'pinia'
  * with the Store instance.
  */
 
-export default store((/* { ssrContext } */) => {
+export default defineStore((/* { ssrContext } */) => {
   const pinia = createPinia()
 
   // You can add Pinia plugins here

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

@@ -1,39 +1,3 @@
 {
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "src/*": [
-        "src/*"
-      ],
-      "app/*": [
-        "*"
-      ],
-      "components/*": [
-        "src/components/*"
-      ],
-      "layouts/*": [
-        "src/layouts/*"
-      ],
-      "pages/*": [
-        "src/pages/*"
-      ],
-      "assets/*": [
-        "src/assets/*"
-      ],
-      "boot/*": [
-        "src/boot/*"
-      ],
-      "stores/*": [
-        "src/stores/*"
-      ],
-      "vue$": [
-        "node_modules/vue/dist/vue.runtime.esm-bundler.js"
-      ]
-    }
-  },
-  "exclude": [
-    "dist",
-    ".quasar",
-    "node_modules"
-  ]
+  "extends": "./.quasar/tsconfig.json"
 }

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

@@ -11,7 +11,8 @@
     <% } %>
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
-    "build": "quasar build"
+    "build": "quasar build",
+    "postinstall": "quasar prepare"
   },
   "dependencies": {
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
@@ -41,7 +42,7 @@
     "eslint-config-prettier": "^9.0.0",
     "prettier": "^3.0.3",
     <% } } %>
-    "@quasar/app-webpack": "^4.0.0-beta.13"
+    "@quasar/app-webpack": "^4.0.0-rc.1"
   },
   "browserslist": [
     "last 10 Chrome versions",

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

@@ -7,9 +7,9 @@
 /* eslint func-names: 0 */
 /* eslint global-require: 0 */
 <% } %>
-import { configure } from 'quasar/wrappers';
+import { defineConfig } from '#q-app/wrappers';
 
-export default configure((ctx) => {
+export default defineConfig((ctx) => {
   return {
     <% if (preset.lint) { %>eslint: {
       // fix: true,

package/templates/app/quasar-v2/js-webpack-4/BASE/src/App.vue

@@ -3,9 +3,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'App'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

package/templates/app/quasar-v2/js-webpack-4/BASE/src/components/EssentialLink.vue

@@ -20,10 +20,6 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'EssentialLink'
-})
-
 const props = defineProps({
   title: {
     type: String,

package/templates/app/quasar-v2/js-webpack-4/BASE/src/layouts/MainLayout.vue

@@ -49,10 +49,6 @@
 import { ref } from 'vue'
 import EssentialLink from 'components/EssentialLink.vue'
 
-defineOptions({
-  name: 'MainLayout'
-})
-
 const linksList = [
   {
     title: 'Docs',

package/templates/app/quasar-v2/js-webpack-4/BASE/src/pages/ErrorNotFound.vue

@@ -23,9 +23,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'ErrorNotFound'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

package/templates/app/quasar-v2/js-webpack-4/BASE/src/pages/IndexPage.vue

@@ -9,9 +9,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup>
-defineOptions({
-  name: 'IndexPage'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script>
 import { defineComponent } from 'vue';

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

@@ -1,4 +1,4 @@
-import { route } from 'quasar/wrappers'
+import { defineRouter } from '#q-app/wrappers'
 import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
 import routes from './routes'
 
@@ -11,7 +11,7 @@ import routes from './routes'
  * with the Router instance.
  */
 
-export default route(function (/* { store, ssrContext } */) {
+export default defineRouter(function (/* { store, ssrContext } */) {
   const createHistory = process.env.SERVER
     ? createMemoryHistory
     : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)

package/templates/app/quasar-v2/js-webpack-4/axios/src/boot/axios.js

@@ -1,4 +1,4 @@
-import { boot } from 'quasar/wrappers'
+import { defineBoot } from '#q-app/wrappers'
 import axios from 'axios'
 
 // Be careful when using SSR for cross-request state pollution
@@ -9,7 +9,7 @@ import axios from 'axios'
 // for each client)
 const api = axios.create({ baseURL: 'https://api.example.com' })
 
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   // for use inside Vue files (Options API) through this.$axios and this.$api
 
   app.config.globalProperties.$axios = axios

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

@@ -1,8 +1,8 @@
-import { boot } from 'quasar/wrappers'
+import { defineBoot } from '#q-app/wrappers'
 import { createI18n } from 'vue-i18n'
 import messages from 'src/i18n'
 
-export default boot(({ app }) => {
+export default defineBoot(({ app }) => {
   const i18n = createI18n({
     locale: 'en-US',
     globalInjection: true,

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

@@ -1,4 +1,4 @@
-import { store } from 'quasar/wrappers'
+import { defineStore } from '#q-app/wrappers'
 import { createPinia } from 'pinia'
 
 /*
@@ -10,7 +10,7 @@ import { createPinia } from 'pinia'
  * with the Store instance.
  */
 
-export default store((/* { ssrContext } */) => {
+export default defineStore((/* { ssrContext } */) => {
   const pinia = createPinia()
 
   // You can add Pinia plugins here

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

@@ -12,7 +12,8 @@
     <% } %>
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
-    "build": "quasar build"
+    "build": "quasar build",
+    "postinstall": "quasar prepare"
   },
   "dependencies": {
     <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
@@ -45,7 +46,7 @@
     <% } } %>
     "@types/node": "^20.5.9",
     <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^2.0.0",<% } %>
-    "@quasar/app-vite": "^2.0.0-beta.12",
+    "@quasar/app-vite": "^2.0.0-rc.1",
     "autoprefixer": "^10.4.2",
     "typescript": "~5.5.3"
   },

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

@@ -1,14 +1,3 @@
 {
-  "extends": "@quasar/app-vite/tsconfig-preset",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
-  "exclude": [
-    "./dist",
-    "./.quasar",
-    "./node_modules",
-    "./src-capacitor",
-    "./src-cordova",
-    "./quasar.config.*.temporary.compiled*"
-  ]
+  "extends": "./.quasar/tsconfig.json"
 }

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

@@ -6,10 +6,10 @@
 <% if (preset.lint && lintConfig === 'airbnb') { %>/* eslint func-names: 0 */
 /* eslint global-require: 0 */
 <% } %>
-import { configure } from 'quasar/wrappers';
+import { defineConfig } from '#q-app/wrappers';
 <% if (preset.i18n) { %>import { fileURLToPath } from 'node:url';<% } %>
 
-export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% } %>) => {
+export default defineConfig((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% } %>) => {
   return {
     // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
     // preFetch: true,
@@ -48,6 +48,12 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
         node: 'node20'
       },
 
+      typescript: {
+        strict: true,
+        vueShim: true
+        // extendTsConfig (tsConfig) {}
+      },
+
       vueRouterMode: 'hash', // available values: 'hash', 'history'
       // vueRouterBase,
       // vueDevtools,
@@ -82,9 +88,7 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
           include: [ fileURLToPath(new URL('./src/i18n', import.meta.url)) ],
         }]<% } %><% if (preset.lint) { %><% if (preset.i18n) { %>,<% } %>
         ['vite-plugin-checker', {
-          vueTsc: {
-            tsconfigPath: 'tsconfig.vue-tsc.json'
-          },
+          vueTsc: true,
           eslint: {
             lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"'
           }
@@ -156,7 +160,6 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
       pwa: false
 
       // pwaOfflineHtmlFilename: 'offline.html', // do NOT use index.html as name!
-                                                 // will mess up SSR
 
       // pwaExtendGenerateSWOptions (cfg) {},
       // pwaExtendInjectManifestOptions (cfg) {}
@@ -225,9 +228,7 @@ export default configure((<% if (preset.i18n) { %>ctx<% } else { %>/* ctx */<% }
       // extendBexScriptsConf (esbuildConf) {},
       // extendBexManifestJson (json) {},
 
-      contentScripts: [
-        'my-content-script'
-      ]
+      extraScripts: []
     }
   }
 });

package/templates/app/quasar-v2/ts-vite-2/BASE/src/App.vue

@@ -3,9 +3,7 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup lang="ts">
-defineOptions({
-  name: 'App'
-});
+//
 </script><% } else if (sfcStyle === 'composition' || sfcStyle === 'options') { %>
 <script lang="ts">
 import { defineComponent } from 'vue';

package/templates/app/quasar-v2/ts-vite-2/BASE/src/components/EssentialLink.vue

@@ -20,10 +20,6 @@
 </template>
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup lang="ts">
-defineOptions({
-  name: 'EssentialLink'
-});
-
 export interface EssentialLinkProps {
   title: string;
   caption?: string;

package/templates/app/quasar-v2/ts-vite-2/BASE/src/components/ExampleComponent.vue

@@ -14,7 +14,7 @@
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import { Todo, Meta } from './models';
+import type { Todo, Meta } from './models';
 
 interface Props {
   title: string;
@@ -38,13 +38,13 @@ const todoCount = computed(() => props.todos.length);
 <script lang="ts">
 import {
   defineComponent,
-  PropType,
   computed,
   ref,
   toRef,
-  Ref,
+  type PropType,
+  type Ref,
 } from 'vue';
-import { Todo, Meta } from './models';
+import type { Todo, Meta } from './models';
 
 function useClickCount() {
   const clickCount = ref(0);
@@ -88,8 +88,8 @@ export default defineComponent({
 });
 </script><% } else if (sfcStyle === 'options') { %>
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import { Todo, Meta } from './models';
+import { defineComponent, type PropType } from 'vue';
+import type { Todo, Meta } from './models';
 
 export default defineComponent({
   name: 'ExampleComponent',

package/templates/app/quasar-v2/ts-vite-2/BASE/src/layouts/MainLayout.vue

@@ -47,11 +47,7 @@
 <% if (sfcStyle === 'composition-setup') { %>
 <script setup lang="ts">
 import { ref } from 'vue';
-import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
-
-defineOptions({
-  name: 'MainLayout'
-});
+import EssentialLink, { type EssentialLinkProps } from 'components/EssentialLink.vue';
 
 const linksList: EssentialLinkProps[] = [
   {
@@ -106,7 +102,7 @@ function toggleLeftDrawer () {
 </script><% } else if (sfcStyle === 'composition') { %>
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
-import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
+import EssentialLink, { type EssentialLinkProps } from 'components/EssentialLink.vue';
 
 const linksList: EssentialLinkProps[] = [
   {
@@ -175,7 +171,7 @@ export default defineComponent({
 </script><% } else if (sfcStyle === 'options') { %>
 <script lang="ts">
 import { defineComponent } from 'vue';
-import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
+import EssentialLink, { type EssentialLinkProps } from 'components/EssentialLink.vue';
 
 const linksList: EssentialLinkProps[] = [
   {