create-quasar 2.0.12 → 2.1.1

package/index.js

@@ -5,12 +5,7 @@ import { join } from 'node:path'
 
 // display banner
 console.log()
-console.log(
-  readFileSync(
-    new URL('./assets/logo.art', import.meta.url),
-    'utf8'
-  )
-)
+console.log(readFileSync(new URL('./assets/logo.art', import.meta.url), 'utf8'))
 
 import utils from './utils/index.js'
 
@@ -22,10 +17,10 @@ import prompts from 'prompts'
 
 const argv = parseArgs(process.argv.slice(2), {
   alias: {
-    n: 'nogit',
+    n: 'nogit'
   },
 
-  boolean: [ 'n' ],
+  boolean: ['n']
 })
 
 /** @type {Record<string, any>} */
@@ -37,7 +32,9 @@ const scope = {
 prompts.override(scope)
 
 if (scope.projectFolder) {
-  utils.logger.log(`Using the project folder provided via arguments: ${ scope.projectFolder }`)
+  utils.logger.log(
+    `Using the project folder provided via arguments: ${scope.projectFolder}`
+  )
   utils.logger.log()
 }
 
@@ -50,9 +47,21 @@ await utils.prompts(scope, [
     initial: 0,
     message: 'What would you like to build?',
     choices: [
-      { title: 'App with Quasar CLI, let\'s go!', value: 'app', description: 'spa/pwa/ssr/bex/electron/capacitor/cordova' },
-      { title: 'AppExtension (AE) for Quasar CLI', value: 'app-extension', description: 'Quasar CLI AE' },
-      { title: 'Quasar UI kit', value: 'ui-kit', description: 'Vue component and/or directive' }
+      {
+        title: "App with Quasar CLI, let's go!",
+        value: 'app',
+        description: 'spa/pwa/ssr/bex/electron/capacitor/cordova'
+      },
+      {
+        title: 'AppExtension (AE) for Quasar CLI',
+        value: 'app-extension',
+        description: 'Quasar CLI AE'
+      },
+      {
+        title: 'Quasar UI kit',
+        value: 'ui-kit',
+        description: 'Vue component and/or directive'
+      }
     ]
   },
   {
@@ -69,13 +78,15 @@ await utils.prompts(scope, [
   },
   {
     type: (_, { projectFolder }) =>
-      (!existsSync(projectFolder) || readdirSync(projectFolder).length === 0 ? null : 'confirm'),
+      !existsSync(projectFolder) || readdirSync(projectFolder).length === 0
+        ? null
+        : 'confirm',
     name: 'overwrite',
     message: () =>
       (scope.projectFolderName === '.'
         ? 'Current directory'
-        : `Target directory "${ scope.projectFolderName }"`)
-      + ' is not empty. Remove existing files and continue?'
+        : `Target directory "${scope.projectFolderName}"`) +
+      ' is not empty. Remove existing files and continue?'
   },
   {
     type: (_, { overwrite } = {}) => {
@@ -88,21 +99,24 @@ await utils.prompts(scope, [
   }
 ])
 
-const { script } = await import(`./templates/${ scope.projectType }/index.js`)
-await script({ scope, utils })
+const { createQuasarScript } = await import(
+  `./templates/${scope.projectType}/create-quasar-script.js`
+)
+await createQuasarScript({ scope, utils })
 
 console.log()
 utils.logger.success('The project has been scaffolded')
 console.log()
 
-function finalize () {
+function finalize() {
   if (scope.projectFolder) {
     console.log()
 
     if (argv.nogit) {
-      utils.logger.log('Skipping git initialization as --nogit flag was provided')
-    }
-    else {
+      utils.logger.log(
+        'Skipping git initialization as --nogit flag was provided'
+      )
+    } else {
       utils.initializeGit(scope.projectFolder)
     }
   }
@@ -111,41 +125,47 @@ function finalize () {
 }
 
 if (scope.skipDepsInstall !== true) {
-  await utils.prompts(scope, [
+  await utils.prompts(
+    scope,
+    [
+      {
+        type: 'select',
+        name: 'packageManager',
+        message: 'Install project dependencies? (recommended)',
+        choices: () =>
+          utils.runningPackageManager
+            ? [
+                {
+                  title: `Yes, use ${utils.runningPackageManager.name}`,
+                  value: utils.runningPackageManager.name
+                },
+                { title: 'No, I will handle that myself', value: false }
+              ]
+            : [
+                { title: 'Yes, use Yarn (recommended)', value: 'yarn' },
+                { title: 'Yes, use PNPM (recommended)', value: 'pnpm' },
+                { title: 'Yes, use NPM', value: 'npm' },
+                { title: 'Yes, use Bun', value: 'bun' },
+                { title: 'No, I will handle that myself', value: false }
+              ]
+      }
+    ],
     {
-      type: 'select',
-      name: 'packageManager',
-      message:
-        'Install project dependencies? (recommended)',
-      choices: () => (
-        utils.runningPackageManager
-          ? [
-              { title: `Yes, use ${ utils.runningPackageManager.name }`, value: utils.runningPackageManager.name },
-              { title: 'No, I will handle that myself', value: false }
-            ]
-          : [
-              { title: 'Yes, use Yarn (recommended)', value: 'yarn' },
-              { title: 'Yes, use PNPM (recommended)', value: 'pnpm' },
-              { title: 'Yes, use NPM', value: 'npm' },
-              { title: 'Yes, use Bun', value: 'bun' },
-              { title: 'No, I will handle that myself', value: false }
-            ]
-      )
-    }
-  ], {
-    onCancel: () => {
-      scope.packageManager = false
-      finalize()
-      process.exit(0)
+      onCancel: () => {
+        scope.packageManager = false
+        finalize()
+        process.exit(0)
+      }
     }
-  })
+  )
 
   if (scope.packageManager !== false) {
     try {
       await utils.installDeps(scope)
-    }
-    catch {
-      utils.logger.warn('Could not auto install dependencies. Probably a temporary npm registry issue?')
+    } catch {
+      utils.logger.warn(
+        'Could not auto install dependencies. Probably a temporary npm registry issue?'
+      )
       scope.packageManager = false
       finalize()
       process.exit(0)
@@ -154,8 +174,7 @@ if (scope.skipDepsInstall !== true) {
     if (scope.preset.lint) {
       try {
         await utils.lintFolder(scope)
-      }
-      catch {
+      } catch {
         utils.logger.warn('Could not auto lint fix the project folder.')
       }
     }
@@ -163,8 +182,7 @@ if (scope.skipDepsInstall !== true) {
     if (scope.prettier) {
       try {
         await utils.formatFolder(scope)
-      }
-      catch {
+      } catch {
         utils.logger.warn('Could not auto format the project folder.')
       }
     }

package/package.json

@@ -1,35 +1,33 @@
 {
   "name": "create-quasar",
-  "version": "2.0.12",
+  "version": "2.1.1",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
-  "type": "module",
+  "homepage": "https://quasar.dev",
+  "bugs": "https://github.com/quasarframework/quasar/issues",
+  "license": "MIT",
   "author": {
     "name": "Razvan Stoenescu",
     "email": "razvan.stoenescu@gmail.com",
     "url": "https://github.com/quasarframework"
   },
-  "license": "MIT",
-  "main": "index.js",
-  "bin": {
-    "create-quasar": "index.js"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/quasarframework/quasar"
   },
-  "bugs": "https://github.com/quasarframework/quasar/issues",
-  "homepage": "https://quasar.dev",
   "funding": {
     "type": "github",
     "url": "https://donate.quasar.dev"
   },
-  "engines": {
-    "node": ">=16"
+  "bin": {
+    "create-quasar": "index.js"
   },
+  "type": "module",
+  "main": "index.js",
   "dependencies": {
+    "cross-spawn": "^7.0.6",
     "fs-extra": "^11.2.0",
     "kolorist": "^1.8.0",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "minimist": "^1.2.8",
     "prompts": "^2.4.2",
     "tinyglobby": "^0.2.10"
@@ -37,14 +35,15 @@
   "devDependencies": {
     "@types/lodash": "^4.17.7",
     "@types/prompts": "^2.4.9",
-    "@yusufkandemir/eslint-plugin-lodash-template": "^2.0.0",
-    "typescript-eslint": "^8.28.0",
-    "eslint": "^9.37.0",
     "tsx": "^4.19.1",
     "typescript": "^5.6.2"
   },
+  "engines": {
+    "node": ">=16"
+  },
   "scripts": {
-    "lint": "eslint --flag v10_config_lookup_from_file --fix",
+    "lint": "oxfmt && oxlint --fix",
+    "lint:check": "oxfmt --check && oxlint",
     "create-test-project": "tsx scripts/create-test-project.ts"
   }
 }

package/scripts/create-test-project.ts

@@ -1,8 +1,8 @@
-import prompts from 'prompts';
+import prompts from "prompts";
 
-type ScriptType = 'js' | 'ts';
-type AppEngine = 'vite-2' | 'webpack-4';
-type PackageManager = 'yarn' | 'npm' | 'pnpm';
+type ScriptType = "js" | "ts";
+type AppEngine = "vite-2" | "webpack-4";
+type PackageManager = "yarn" | "npm" | "pnpm";
 
 type CreateProjectOptions = {
   scriptType: ScriptType;
@@ -10,35 +10,39 @@ type CreateProjectOptions = {
   packageManager: PackageManager;
 };
 
-export async function createProject({ scriptType, appEngine, packageManager }: 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';
+  process.env.COREPACK_ENABLE_STRICT = "0";
   // See https://github.com/yarnpkg/yarn/issues/9015
-  process.env.SKIP_YARN_COREPACK_CHECK = '1';
+  process.env.SKIP_YARN_COREPACK_CHECK = "1";
   // To alter the behavior to run correctly within this script
-  process.env.CREATE_TEST_PROJECT_OVERRIDE = 'true';
+  process.env.CREATE_TEST_PROJECT_OVERRIDE = "true";
 
   prompts.override({
-    projectType: 'app',
-    projectFolder: 'test-project',
+    projectType: "app",
+    projectFolder: "test-project",
     overwrite: true,
 
     scriptType: scriptType,
     engine: appEngine,
 
-    name: 'test-project',
-    productName: 'Test Project',
-    description: 'A test project',
-    author: 'Quasar Team (info@quasar.dev)',
+    name: "test-project",
+    productName: "Test Project",
+    description: "A test project",
+    author: "Quasar Team (info@quasar.dev)",
 
     // The defaults
-    sfcStyle: 'composition-setup',
-    css: 'scss',
+    sfcStyle: "composition-setup",
+    css: "scss",
 
-    preset: ['eslint'],
+    preset: ["eslint"],
     prettier: true,
 
-    packageManager,
+    packageManager
   });
 
   // We are overriding .override() as every call overrides the previous overrides (too many overrides :D)
@@ -47,7 +51,7 @@ export async function createProject({ scriptType, appEngine, packageManager }: C
   // Remove all extra arguments to avoid interfering with the index.js script
   process.argv = process.argv.slice(0, 2);
 
-  await import('../index.js');
+  await import("../index.js");
 }
 
 const args = process.argv.slice(2) as [ScriptType, AppEngine, PackageManager];
@@ -55,9 +59,8 @@ const args = process.argv.slice(2) as [ScriptType, AppEngine, PackageManager];
 void createProject({
   scriptType: args[0],
   appEngine: args[1],
-  packageManager: args[2],
-})
-  .catch(error => {
-    console.error(error);
-    process.exit(1);
-  });
+  packageManager: args[2]
+}).catch(error => {
+  console.error(error);
+  process.exit(1);
+});

package/templates/{eslint.config.base.js → __eslint.config.base.js}

@@ -1,10 +1,11 @@
+import pluginLodashTemplate from '@yusufkandemir/eslint-plugin-lodash-template'
+import { defineConfig } from 'eslint/config'
 import globals from 'globals'
 import tseslint from 'typescript-eslint'
-import pluginLodashTemplate from '@yusufkandemir/eslint-plugin-lodash-template'
 import baseConfig from '../eslint.config.base.js'
 
 // file paths are relative to templates/*/
-export default tseslint.config(
+export default defineConfig(
   ...baseConfig,
 
   {

package/templates/app/{eslint.config.js → __eslint.config.js}

@@ -1,7 +1,7 @@
-import tseslint from 'typescript-eslint'
+import { defineConfig } from 'eslint/config'
 import baseConfig from '../eslint.config.base.js'
 
-export default tseslint.config(
+export default defineConfig(
   ...baseConfig,
 
   {

package/templates/app/create-quasar-script.js

@@ -0,0 +1,8 @@
+export async function createQuasarScript({ scope, utils }) {
+  await utils.prompts(scope, [utils.commonPrompts.scriptType])
+
+  const { createQuasarScript: create } = await import(
+    `./quasar-v2/create-quasar-script.js`
+  )
+  await create({ scope, utils })
+}

package/templates/app/quasar-v2/{index.js → create-quasar-script.js}

@@ -1,4 +1,4 @@
-export async function script ({ scope, utils }) {
+export async function createQuasarScript({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -6,7 +6,11 @@ export async function script ({ scope, utils }) {
       message: 'Pick Quasar App CLI variant:',
       initial: 0,
       choices: [
-        { title: 'Quasar App CLI with Vite', value: 'vite-2', description: 'recommended' },
+        {
+          title: 'Quasar App CLI with Vite',
+          value: 'vite-2',
+          description: 'recommended'
+        },
         { title: 'Quasar App CLI with Webpack', value: 'webpack-4' }
       ]
     },
@@ -15,12 +19,12 @@ export async function script ({ scope, utils }) {
       name: 'name',
       message: 'Package name:',
       initial: () => utils.inferPackageName(scope.projectFolderName),
-      validate: (val) =>
+      validate: val =>
         utils.isValidPackageName(val) || 'Invalid package.json name'
     },
 
     utils.commonPrompts.productName,
-    utils.commonPrompts.description,
+    utils.commonPrompts.description
   ])
 
   await utils.injectAuthor(scope)
@@ -32,8 +36,16 @@ export async function script ({ scope, utils }) {
       message: 'Pick a Vue component style:',
       initial: 0,
       choices: [
-        { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
+        {
+          title: 'Composition API with <script setup>',
+          value: 'composition-setup',
+          description: 'recommended'
+        },
+        {
+          title: 'Composition API',
+          value: 'composition',
+          description: 'recommended'
+        },
         { title: 'Options API', value: 'options' }
       ]
     },
@@ -51,6 +63,8 @@ export async function script ({ scope, utils }) {
     }
   ])
 
-  const { script } = await import(`./${ scope.scriptType }-${ scope.engine }/index.js`)
-  await script({ scope, utils })
+  const { createQuasarScript: create } = await import(
+    `./${scope.scriptType}-${scope.engine}/create-quasar-script.js`
+  )
+  await create({ scope, utils })
 }

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

@@ -15,34 +15,34 @@
     "postinstall": "quasar prepare"
   },
   "dependencies": {
-    <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
-    <% if (preset.i18n) { %>"vue-i18n": "^11.0.0",<% } %>
+    <% if (preset.axios) { %>"axios": "^1.13.6",<% } %>
+    <% if (preset.i18n) { %>"vue-i18n": "^11.3.0",<% } %>
     <% if (preset.pinia) { %>"pinia": "^3.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "quasar": "^2.16.0",
     "vue": "^3.5.22",
-    "vue-router": "^5.0.0"
+    "vue-router": "^5.0.3"
   },
   "devDependencies": {
-    <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^4.0.0",<% } %>
+    <% if (preset.i18n) { %>"@intlify/unplugin-vue-i18n": "^11.0.0",<% } %>
     <% if (preset.eslint) { %>
-    "@eslint/js": "^9.14.0",
-    "eslint": "^9.14.0",
-    "eslint-plugin-vue": "^10.4.0",
-    "globals": "^16.4.0",
-    "vite-plugin-checker": "^0.11.0",
-    "vue-eslint-parser": "^10.2.0",
+    "@eslint/js": "^9.39.4",
+    "eslint": "^9.39.4",
+    "eslint-plugin-vue": "^10.8.0",
+    "globals": "^17.4.0",
+    "vite-plugin-checker": "^0.12.0",
+    "vue-eslint-parser": "^10.4.0",
     <% } %>
     <% if (prettier) { %>
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "prettier": "^3.3.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "prettier": "^3.8.1",
     <% } %>
-    "@quasar/app-vite": "^2.1.0",
-    "autoprefixer": "^10.4.2",
-    "postcss": "^8.4.14"
+    "@quasar/app-vite": "^2.5.1",
+    "autoprefixer": "^10.4.27",
+    "postcss": "^8.5.8"
   },
   "engines": {
-    "node": "^28 || ^26 || ^24 || ^22 || ^20",
+    "node": "^28 || ^26 || ^24 || ^22.12",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1",
     "pnpm": ">= 10.0.0"

package/templates/app/quasar-v2/js-vite-2/BASE/_pnpm-workspace.yaml

@@ -1,2 +1,6 @@
 # https://pnpm.io/settings
 shamefullyHoist: true
+
+onlyBuiltDependencies:
+  - '@parcel/watcher'
+  - esbuild

package/templates/app/quasar-v2/{ts-webpack-4/index.js → js-vite-2/create-quasar-script.js}

@@ -1,12 +1,21 @@
-export async function script ({ scope, utils }) {
+export async function createQuasarScript({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'multiselect',
       name: 'preset',
       message: 'Check the features needed for your project:',
       choices: [
-        { title: 'Linting (ESLint)', value: 'eslint', description: 'recommended', selected: true },
-        { title: 'State Management (Pinia)', value: 'pinia', description: 'https://pinia.vuejs.org' },
+        {
+          title: 'Linting (vite-plugin-checker + ESLint)',
+          value: 'eslint',
+          description: 'recommended',
+          selected: true
+        },
+        {
+          title: 'State Management (Pinia)',
+          value: 'pinia',
+          description: 'https://pinia.vuejs.org'
+        },
         { title: 'axios', value: 'axios' },
         { title: 'vue-i18n', value: 'i18n' }
       ],

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

@@ -15,30 +15,30 @@
     "postinstall": "quasar prepare"
   },
   "dependencies": {
-    <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
-    <% if (preset.i18n) { %>"vue-i18n": "^11.0.0",<% } %>
+    <% if (preset.axios) { %>"axios": "^1.13.6",<% } %>
+    <% if (preset.i18n) { %>"vue-i18n": "^11.3.0",<% } %>
     <% if (preset.pinia) { %>"pinia": "^3.0.1",<% } %>
     "@quasar/extras": "^1.16.4",
     "core-js": "^3.31.1",
     "quasar": "^2.16.0",
     "vue": "^3.5.22",
-    "vue-router": "^5.0.0"
+    "vue-router": "^5.0.3"
   },
   "devDependencies": {
     <% if (preset.eslint) { %>
     "@eslint/js": "^9.14.0",
     "eslint": "^9.14.0",
-    "eslint-plugin-vue": "^10.4.0",
+    "eslint-plugin-vue": "^10.8.0",
     "eslint-webpack-plugin": "^4.2.0",
-    "globals": "^16.4.0",
-    "vue-eslint-parser": "^10.2.0",
+    "globals": "^17.4.0",
+    "vue-eslint-parser": "^10.4.0",
     <% } %>
     <% if (prettier) { %>
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "prettier": "^3.3.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "prettier": "^3.8.1",
     <% } %>
     "@quasar/app-webpack": "^4.1.0",
-    "autoprefixer": "^10.4.2"
+    "autoprefixer": "^10.4.27"
   },
   "browserslist": [
     "last 10 Chrome versions",

package/templates/app/quasar-v2/js-webpack-4/BASE/_pnpm-workspace.yaml

@@ -1,2 +1,6 @@
 # https://pnpm.io/settings
 shamefullyHoist: true
+
+onlyBuiltDependencies:
+  - core-js
+  - esbuild

package/templates/app/quasar-v2/{js-vite-2/index.js → js-webpack-4/create-quasar-script.js}

@@ -1,12 +1,21 @@
-export async function script ({ scope, utils }) {
+export async function createQuasarScript({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'multiselect',
       name: 'preset',
       message: 'Check the features needed for your project:',
       choices: [
-        { title: 'Linting (vite-plugin-checker + ESLint)', value: 'eslint', description: 'recommended', selected: true },
-        { title: 'State Management (Pinia)', value: 'pinia', description: 'https://pinia.vuejs.org' },
+        {
+          title: 'Linting (ESLint)',
+          value: 'eslint',
+          description: 'recommended',
+          selected: true
+        },
+        {
+          title: 'State Management (Pinia)',
+          value: 'pinia',
+          description: 'https://pinia.vuejs.org'
+        },
         { title: 'axios', value: 'axios' },
         { title: 'vue-i18n', value: 'i18n' }
       ],