create-quasar 1.5.6 → 1.6.0

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -38,7 +37,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -50,13 +49,13 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
-  if (scope.preset.lint) utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
+  if (scope.preset.lint) utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

package/templates/app/quasar-v2/js-webpack-beta/lint/_.eslintrc.cjs

@@ -78,6 +78,7 @@ module.exports = {
     'import/no-unresolved': 'off',
     'import/no-extraneous-dependencies': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -50,7 +49,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -62,18 +61,18 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
   if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
     }
   }
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

package/templates/app/quasar-v2/ts-vite/lint/_.eslintrc.cjs

@@ -92,6 +92,7 @@ module.exports = {
     // does not work with type definitions
     'import/named': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -50,7 +49,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -62,18 +61,18 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
   if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
     }
   }
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

package/templates/app/quasar-v2/ts-vite-beta/lint/_.eslintrc.cjs

@@ -92,6 +92,7 @@ module.exports = {
     // does not work with type definitions
     'import/named': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -50,7 +49,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -62,18 +61,18 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
   if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
     }
   }
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

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

@@ -93,6 +93,7 @@ module.exports = {
     // does not work with type definitions
     'import/named': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

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

@@ -61,7 +61,7 @@
     "last 5 Opera versions"
   ],
   "engines": {
-    "node": "^24 || ^22 || ^20 || ^18 || ^16",
+    "node": "^24 || ^22 || ^20 || ^18",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'select',
@@ -50,7 +49,7 @@ module.exports = async function ({ scope, utils }) {
       }
     },
     {
-      type: (_, { preset }) => preset.lint ? 'select' : null,
+      type: (_, { preset }) => (preset.lint ? 'select' : null),
       name: 'lintConfig',
       message: 'Pick an ESLint preset:',
       choices: [
@@ -62,18 +61,18 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
-  utils.renderTemplate(utils.join(__dirname, scope.css), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
 
-  if (scope.preset.axios) utils.renderTemplate(utils.join(__dirname, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(__dirname, 'i18n'), scope)
+  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
+  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
   if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(__dirname, 'lint'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
     if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(__dirname, 'prettier'), scope)
+      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
     }
   }
 
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(__dirname, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(__dirname, 'vuex'), scope)
+  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
+  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
 }

package/templates/app/quasar-v2/ts-webpack-beta/lint/_.eslintrc.cjs

@@ -93,6 +93,7 @@ module.exports = {
     // does not work with type definitions
     'import/named': 'off',
     <% } else if (lintConfig === 'airbnb') { %>
+    'no-plusplus': 'off',
     'no-param-reassign': 'off',
     'no-void': 'off',
     'no-nested-ternary': 'off',

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

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'confirm',
@@ -8,11 +7,11 @@ module.exports = async function ({ scope, utils }) {
       message: 'Will you use an organization to publish it? Eg. "@my-org/..."'
     },
     {
-      type: (_, { needOrgName } = {}) => needOrgName ? 'text' : null,
+      type: (_, { needOrgName } = {}) => (needOrgName ? 'text' : null),
       name: 'orgName',
       message: 'Organization name, eg. "my-org":',
       validate: val =>
-        val && val.length > 0 || 'Please type the organization name'
+        (val && val.length > 0) || 'Please type the organization name'
     },
     {
       type: 'text',
@@ -85,11 +84,11 @@ module.exports = async function ({ scope, utils }) {
   ])
 
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
 
-  if (scope.preset.prompts) utils.renderTemplate(utils.join(__dirname, 'prompts-script'), scope)
-  if (scope.preset.install) utils.renderTemplate(utils.join(__dirname, 'install-script'), scope)
-  if (scope.preset.uninstall) utils.renderTemplate(utils.join(__dirname, 'uninstall-script'), scope)
+  if (scope.preset.prompts) utils.renderTemplate(utils.join(import.meta.url, 'prompts-script'), scope)
+  if (scope.preset.install) utils.renderTemplate(utils.join(import.meta.url, 'install-script'), scope)
+  if (scope.preset.uninstall) utils.renderTemplate(utils.join(import.meta.url, 'uninstall-script'), scope)
 
   // nothing to install, so we'll skip it
   scope.skipDepsInstall = true

package/templates/app-extension/index.js

@@ -1,4 +1,4 @@
-module.exports = async function ({ scope, utils }) {
-  const script = require('./ae-v1')
+export async function script ({ scope, utils }) {
+  const { script } = await import('./ae-v1/index.js')
   await script({ scope, utils })
 }

package/templates/ui-kit/index.js

@@ -1,5 +1,4 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   await utils.prompts(scope, [
     utils.commonPrompts.quasarVersion,
 
@@ -41,7 +40,7 @@ module.exports = async function ({ scope, utils }) {
       type: 'text',
       name: 'packageDescription',
       message: 'Package description',
-      initial: 'My awesome component',
+      initial: 'My awesome component'
     },
 
     {
@@ -52,7 +51,7 @@ module.exports = async function ({ scope, utils }) {
     },
 
     {
-      type: (_, { features }) => features.component ? 'text' : null,
+      type: (_, { features }) => (features.component ? 'text' : null),
       name: 'componentName',
       message: 'Component name (PascalCase)',
       initial: 'MyComponent',
@@ -60,7 +59,7 @@ module.exports = async function ({ scope, utils }) {
     },
 
     {
-      type: (_, { features }) => features.directive ? 'text' : null,
+      type: (_, { features }) => (features.directive ? 'text' : null),
       name: 'directiveName',
       message: 'Directive name (kebab-case, without "v-" prefix)',
       initial: 'my-directive',
@@ -68,7 +67,7 @@ module.exports = async function ({ scope, utils }) {
     },
 
     {
-      type: (_, { features }) => features.ae ? 'text' : null,
+      type: (_, { features }) => (features.ae ? 'text' : null),
       name: 'aeDescription',
       message: 'App Extension description',
       initial: 'A Quasar App Extension',
@@ -76,7 +75,7 @@ module.exports = async function ({ scope, utils }) {
     },
 
     {
-      type: (_, { features }) => features.ae ? 'multiselect' : null,
+      type: (_, { features }) => (features.ae ? 'multiselect' : null),
       name: 'preset',
       message: 'Pick the needed App Extension scripts:',
       format: utils.convertArrayToObject,
@@ -97,7 +96,7 @@ module.exports = async function ({ scope, utils }) {
     },
 
     {
-      type: (_, { quasarVersion, features }) => quasarVersion === 'v2' && features.ae ? 'select' : null,
+      type: (_, { quasarVersion, features }) => (quasarVersion === 'v2' && features.ae ? 'select' : null),
       name: 'aeCodeFormat',
       message: 'Pick the App Extension format:',
       initial: 0,
@@ -113,7 +112,7 @@ module.exports = async function ({ scope, utils }) {
     utils.commonPrompts.bugs
   ])
 
-  const script = require(`./quasar-${scope.quasarVersion}`)
+  const { script } = await import(`./quasar-${ scope.quasarVersion }/index.js`)
   await script({ scope, utils })
 
   // we don't want to install

package/templates/ui-kit/quasar-v1/BASE/ui/build/script.app-ext.js

@@ -56,5 +56,5 @@ module.exports.syncAppExt = function (both = true) {
     return
   }
 
-  console.error(`   App Extension version and dependency NOT synced.\n`)
+  console.error('   App Extension version and dependency NOT synced.\n')
 }

package/templates/ui-kit/quasar-v1/BASE/ui/build/script.clean.js

@@ -3,4 +3,4 @@ var
   path = require('path')
 
 rimraf.sync(path.resolve(__dirname, '../dist/*'))
-console.log(` 💥 Cleaned build artifacts.\n`)
+console.log(' 💥 Cleaned build artifacts.\n')

package/templates/ui-kit/quasar-v1/BASE/ui/dev/quasar.conf.js

@@ -47,7 +47,7 @@ module.exports = function (ctx) {
 
       chainWebpack (chain) {
         chain.resolve.alias.merge({
-          'ui': path.resolve(__dirname, '../src/index.js')
+          ui: path.resolve(__dirname, '../src/index.js')
         })
       }
     },

package/templates/ui-kit/quasar-v1/index.js

@@ -1,19 +1,18 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
 
   if (scope.features.ae) {
-    utils.renderTemplate(utils.join(__dirname, 'ae'), scope)
-    if (scope.preset.install) utils.renderTemplate(utils.join(__dirname, 'ae-install'), scope)
-    if (scope.preset.prompts) utils.renderTemplate(utils.join(__dirname, 'ae-prompts'), scope)
-    if (scope.preset.uninstall) utils.renderTemplate(utils.join(__dirname, 'ae-uninstall'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'ae'), scope)
+    if (scope.preset.install) utils.renderTemplate(utils.join(import.meta.url, 'ae-install'), scope)
+    if (scope.preset.prompts) utils.renderTemplate(utils.join(import.meta.url, 'ae-prompts'), scope)
+    if (scope.preset.uninstall) utils.renderTemplate(utils.join(import.meta.url, 'ae-uninstall'), scope)
   }
 
-  if (scope.features.component) utils.renderTemplate(utils.join(__dirname, 'ui-component'), scope)
-  if (scope.features.directive) utils.renderTemplate(utils.join(__dirname, 'ui-directive'), scope)
+  if (scope.features.component) utils.renderTemplate(utils.join(import.meta.url, 'ui-component'), scope)
+  if (scope.features.directive) utils.renderTemplate(utils.join(import.meta.url, 'ui-directive'), scope)
 
   if (scope.features.ae && (scope.features.component || scope.features.directive)) {
-    utils.renderTemplate(utils.join(__dirname, 'ui-ae'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'ui-ae'), scope)
   }
 }

package/templates/ui-kit/quasar-v2/index.js

@@ -1,19 +1,18 @@
-
-module.exports = async function ({ scope, utils }) {
+export async function script ({ scope, utils }) {
   utils.createTargetDir(scope)
-  utils.renderTemplate(utils.join(__dirname, 'BASE'), scope)
+  utils.renderTemplate(utils.join(import.meta.url, 'BASE'), scope)
 
   if (scope.features.ae) {
-    utils.renderTemplate(utils.join(__dirname, 'ae'), scope)
-    if (scope.preset.install) utils.renderTemplate(utils.join(__dirname, 'ae-install'), scope)
-    if (scope.preset.prompts) utils.renderTemplate(utils.join(__dirname, 'ae-prompts'), scope)
-    if (scope.preset.uninstall) utils.renderTemplate(utils.join(__dirname, 'ae-uninstall'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'ae'), scope)
+    if (scope.preset.install) utils.renderTemplate(utils.join(import.meta.url, 'ae-install'), scope)
+    if (scope.preset.prompts) utils.renderTemplate(utils.join(import.meta.url, 'ae-prompts'), scope)
+    if (scope.preset.uninstall) utils.renderTemplate(utils.join(import.meta.url, 'ae-uninstall'), scope)
   }
 
-  if (scope.features.component) utils.renderTemplate(utils.join(__dirname, 'ui-component'), scope)
-  if (scope.features.directive) utils.renderTemplate(utils.join(__dirname, 'ui-directive'), scope)
+  if (scope.features.component) utils.renderTemplate(utils.join(import.meta.url, 'ui-component'), scope)
+  if (scope.features.directive) utils.renderTemplate(utils.join(import.meta.url, 'ui-directive'), scope)
 
   if (scope.features.ae && (scope.features.component || scope.features.directive)) {
-    utils.renderTemplate(utils.join(__dirname, 'ui-ae'), scope)
+    utils.renderTemplate(utils.join(import.meta.url, 'ui-ae'), scope)
   }
 }