create-quasar 2.1.0 → 2.2.0

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

@@ -1,19 +1,19 @@
 {
-  "name": "quasar-app-extension-<%= name %>-monorepo",
+  "name": "quasar-app-extension-<%= scope.name %>-monorepo",
   "private": true,
-  <% if (packageManagerField) { %>"packageManager": "<%= packageManagerField %>",<% } %>
-  "author": "<%= author %>",
+  <% if (scope.packageManagerField) { %>"packageManager": "<%= scope.packageManagerField %>",<% } %>
+  "author": "<%= scope.author %>",
   "type": "module",
-  <% if (packageManager?.name !== 'pnpm') { %>"workspaces": [
+  <% if (scope.packageManager?.name !== 'pnpm') { %>"workspaces": [
     "app-extension",
     "playground/*"
   ],<% } %>
   "scripts": {
-    <% if (packageManager) { %>
-    "build": <% if (['pnpm', 'bun'].includes(packageManager.name)) { %>"<%= packageManager.name %> --filter ./app-extension build"<% } else if (packageManager.name === 'yarn') { %>"yarn workspace <%= pkgName %> build"<% } else { %>"npm run --workspace <%= pkgName %> build"<% } %>,
-    "dev:vite": <% if (['pnpm', 'bun'].includes(packageManager.name)) { %>"<%= packageManager.name %> --filter ./playground/quasar-cli-vite dev"<% } else if (packageManager.name === 'yarn') { %>"yarn workspace playground-quasar-cli-vite dev"<% } else { %>"npm run --workspace playground-quasar-cli-vite dev"<% } %>,
-    "dev:webpack": <% if (['pnpm', 'bun'].includes(packageManager.name)) { %>"<%= packageManager.name %> --filter ./playground/quasar-cli-webpack dev"<% } else if (packageManager.name === 'yarn') { %>"yarn workspace playground-quasar-cli-webpack dev"<% } else { %>"npm run --workspace playground-quasar-cli-webpack dev"<% } %>,
-    "format": <% if (packageManager.name === 'pnpm') { %>"pnpm format:root && pnpm --recursive format"<% } else if (packageManager.name === 'bun') { %>"bun format:root && bun --filter '*' format"<% } else if (packageManager.name === 'yarn') { %>"yarn format:root && yarn workspace <%= pkgName %> format"<% } else { %>"npm run format:root && npm run --workspaces format"<% } %>,
+    <% if (scope.packageManager) { %>
+    "build": <% if (['pnpm', 'bun'].includes(scope.packageManager.name)) { %>"<%= scope.packageManager.name %> --filter ./app-extension build"<% } else if (scope.packageManager.name === 'yarn') { %>"yarn workspace <%= scope.pkgName %> build"<% } else { %>"npm run --workspace <%= scope.pkgName %> build"<% } %>,
+    "dev:vite": <% if (['pnpm', 'bun'].includes(scope.packageManager.name)) { %>"<%= scope.packageManager.name %> --filter ./playground/quasar-cli-vite dev"<% } else if (scope.packageManager.name === 'yarn') { %>"yarn workspace playground-quasar-cli-vite dev"<% } else { %>"npm run --workspace playground-quasar-cli-vite dev"<% } %>,
+    "dev:webpack": <% if (['pnpm', 'bun'].includes(scope.packageManager.name)) { %>"<%= scope.packageManager.name %> --filter ./playground/quasar-cli-webpack dev"<% } else if (scope.packageManager.name === 'yarn') { %>"yarn workspace playground-quasar-cli-webpack dev"<% } else { %>"npm run --workspace playground-quasar-cli-webpack dev"<% } %>,
+    "format": <% if (scope.packageManager.name === 'pnpm') { %>"pnpm format:root && pnpm --recursive format"<% } else if (scope.packageManager.name === 'bun') { %>"bun format:root && bun --filter '*' format"<% } else if (scope.packageManager.name === 'yarn') { %>"yarn format:root && yarn workspace <%= scope.pkgName %> format"<% } else { %>"npm run format:root && npm run --workspaces format"<% } %>,
     <% } else { %>
     "build": "pnpm --filter ./app-extension build",
     "dev:vite": "pnpm --filter ./playground/quasar-cli-vite dev",
@@ -24,11 +24,11 @@
     "format:root": "prettier --write \"./*.{json,md,vue,js,ts,yml}\" \"./.vscode/*.json\" --ignore-path .gitignore"
   },
   "devDependencies": {
-    "@eslint/js": "^9.8.0",
+    "@eslint/js": "^9.39.4",
     "@types/eslint": "^9.6.0",
     "@types/eslint__js": "^8.42.3",
     "@types/node": "^20.12.8",
-    "eslint": "^10.0.3",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.27.0",
     "globals": "^17.4.0",

package/templates/app-extension/ae-ts/BASE/app-extension/README.md

@@ -1,14 +1,14 @@
-# Quasar App Extension <%= name %> (<%= pkgName %>)
+# Quasar App Extension <%= scope.name %> (<%= scope.pkgName %>)
 
 > TODO: Add a short description of your App Extension. What does it do? How is it beneficial? Why would someone want to use it?
 
-[![npm](https://img.shields.io/npm/v/<%= pkgName %>.svg?label=<%= pkgName %>)](https://www.npmjs.com/package/<%= pkgName %>)
-[![npm](https://img.shields.io/npm/dt/<%= pkgName %>.svg)](https://www.npmjs.com/package/<%= pkgName %>)
+[![npm](https://img.shields.io/npm/v/<%= scope.pkgName %>.svg?label=<%= scope.pkgName %>)](https://www.npmjs.com/package/<%= scope.pkgName %>)
+[![npm](https://img.shields.io/npm/dt/<%= scope.pkgName %>.svg)](https://www.npmjs.com/package/<%= scope.pkgName %>)
 
 # Install
 
 ```bash
-quasar ext add <%= name %>
+quasar ext add <%= scope.name %>
 ```
 
 Quasar CLI will retrieve it from NPM and install the extension.
@@ -18,7 +18,7 @@ Quasar CLI will retrieve it from NPM and install the extension.
 Add this to `src/quasar.d.ts` to load the global component typings:
 ```ts
 // Load global component typings
-/// <reference types="<%= pkgName %>" />
+/// <reference types="<%= scope.pkgName %>" />
 ```
 
 ## Prompts
@@ -28,7 +28,7 @@ Add this to `src/quasar.d.ts` to load the global component typings:
 # Uninstall
 
 ```bash
-quasar ext remove <%= name %>
+quasar ext remove <%= scope.name %>
 ```
 
 # Info
@@ -49,4 +49,4 @@ If you appreciate the work that went into this App Extension, please consider [d
 
 # License
 
-<%= license %> (c) <%= author %>
+<%= scope.license %> (c) <%= scope.author %>

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

@@ -1,9 +1,9 @@
 {
-  "name": "<%= pkgName %>",
+  "name": "<%= scope.pkgName %>",
   "version": "0.0.1",
-  "description": "<%= description %>",
-  "author": "<%= author %>",
-  "license": "<%= license %>",
+  "description": "<%= scope.description %>",
+  "author": "<%= scope.author %>",
+  "license": "<%= scope.license %>",
   "type": "module",
   "main": "./dist/runtime/index.js",
   "module": "./dist/runtime/index.js",
@@ -14,17 +14,17 @@
       "import": "./dist/runtime/index.js"
     },
     "./package.json": "./package.json",
-    <% if (preset.prompts) { %>"./dist/prompts": "./dist/prompts.js",<% } %>
-    <% if (preset.install) { %>"./dist/install": "./dist/install.js",<% } %>
-    <% if (preset.uninstall) { %>"./dist/uninstall": "./dist/uninstall.js",<% } %>
+    <% if (scope.preset.prompts) { %>"./dist/prompts": "./dist/prompts.js",<% } %>
+    <% if (scope.preset.install) { %>"./dist/install": "./dist/install.js",<% } %>
+    <% if (scope.preset.uninstall) { %>"./dist/uninstall": "./dist/uninstall.js",<% } %>
     "./dist/index": "./dist/index.js",
     "./*": "./dist/runtime/*"
   },
   "scripts": {
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    <% if (preset.install) { %>"build:code": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts' --pattern='!templates/**'",
+    <% if (scope.preset.install) { %>"build:code": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts' --pattern='!templates/**'",
     "build:templates": "mkdist ./ --src ./src/templates --dist ./dist/templates --loaders='raw'",
-    "build": "<%= packageManager?.name ?? 'pnpm' %> run build:code && <%= packageManager?.name ?? 'pnpm' %> run build:templates"<% } else { %>"build": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts'"<% } %>
+    "build": "<%= scope.packageManager?.name ?? 'pnpm' %> run build:code && <%= scope.packageManager?.name ?? 'pnpm' %> run build:templates"<% } else { %>"build": "mkdist ./ --ext=js --declaration --pattern='**' --pattern='!shims-vue.d.ts'"<% } %>
   },
   "devDependencies": {
     "@quasar/app-vite": "^2.1.0",

package/templates/app-extension/ae-ts/BASE/app-extension/src/index.ts

@@ -23,13 +23,13 @@ export default function (api: IndexAPI) {
   }
 
   api.extendQuasarConf((conf, api) => {
-    conf.boot!.push('~<%= pkgName %>/boot/register');
+    conf.boot!.push('~<%= scope.pkgName %>/boot/register');
 
     // make sure app extension files get transpiled
     if (api.hasWebpack) {
       const config = conf as unknown as WebpackQuasarConfProxy;
       config.build.webpackTranspileDependencies.push(
-        /<%= pkgName.replace('/', '[\\\\/]') %>[\\/]dist/,
+        /<%= scope.pkgName.replace('/', '[\\\\/]') %>[\\/]dist/,
       );
     }
   });

package/templates/app-extension/ae-ts/BASE/app-extension/src/runtime/README.md

@@ -12,10 +12,10 @@ This directory contains runtime files for your app extension. The code here will
 Use `index.ts` to export your runtime code as part of the library. The exported code can then be imported like so:
 
 ```js
-import { someFunction } from '<%= pkgName %>'
+import { someFunction } from '<%= scope.pkgName %>'
 ```
 
-If you need more entrypoints(e.g. `<%= pkgName %>/another`) for a good reason, you can create the respective files and add an entry to `package.json > exports`.
+If you need more entrypoints(e.g. `<%= scope.pkgName %>/another`) for a good reason, you can create the respective files and add an entry to `package.json > exports`.
 
 ### Boot files
 
@@ -39,7 +39,7 @@ Afterwards, you can use the Index API ([`src/index.ts`](../index.ts)) to registe
 export default function (api: IndexAPI) {
   // ...
   api.extendQuasarConf((conf, api) => {
-    conf.boot!.push('~<%= pkgName %>/boot/some-boot-file');
+    conf.boot!.push('~<%= scope.pkgName %>/boot/some-boot-file');
     // ...
   });
 }

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/README.md

@@ -1,11 +1,11 @@
-# Quasar AE <%= name %> Playground (quasar-cli-vite)
+# Quasar AE <%= scope.name %> Playground (quasar-cli-vite)
 
 Playground for Quasar AE <%= name %>
 
 ## Install the dependencies
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> install
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> install
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm install
@@ -16,8 +16,8 @@ bun install
 
 ### Start the app in development mode (hot-code reloading, error reporting, etc.)
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run dev
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run dev
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run dev
@@ -28,8 +28,8 @@ bun dev
 
 ### Lint the files
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run lint
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run lint
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run lint
@@ -40,8 +40,8 @@ bun lint
 
 ### Format the files
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run format
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run format
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run format
@@ -52,8 +52,8 @@ bun format
 
 ### Build the app for production
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run build
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run build
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run build

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/_package.json

@@ -1,9 +1,9 @@
 {
   "name": "playground-quasar-cli-vite",
   "version": "0.0.1",
-  "description": "Playground for Quasar AE <%= name %>",
-  "productName": "Quasar AE <%= name %> Playground",
-  "author": "<%= author %>",
+  "description": "Playground for Quasar AE <%= scope.name %>",
+  "productName": "Quasar AE <%= scope.name %> Playground",
+  "author": "<%= scope.author %>",
   "type": "module",
   "private": true,
   "scripts": {
@@ -17,7 +17,7 @@
     "quasar": "^2.16.7",
     "vue": "^3.4.36",
     "vue-router": "^5.0.3",
-    "<%= pkgName %>": <% if (!packageManager || ['pnpm', 'bun'].includes(packageManager.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
+    "<%= scope.pkgName %>": <% if (!scope.packageManager || ['pnpm', 'bun'].includes(scope.packageManager.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
   },
   "devDependencies": {
     "@quasar/app-vite": "^2.1.0",

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html

@@ -1,15 +1,15 @@
 <!doctype html>
 <html>
   <head>
-    <title><%= '\<%= productName %\>' %></title>
+    <title><%= '<' + '%= productName %' + '>' %></title>
 
     <meta charset="utf-8" />
-    <meta name="description" content="<%= '\<%= productDescription %\>' %>" />
+    <meta name="description" content="<%= '<' + '%= productDescription %' + '>' %>" />
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
     <meta
       name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
+      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '<' + '% if (ctx.mode.cordova || ctx.mode.capacitor) { %' + '>, viewport-fit=cover<' + '% } %' + '>' %>"
     />
 
     <link

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/quasar.config.ts

@@ -1,5 +1,3 @@
-/* eslint-env node */
-
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js
 

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/quasar.extensions.json

@@ -1,3 +1,3 @@
 {
-  "<%= pkgName.replace('quasar-app-extension-', '') %>": {}
+  "<%= scope.pkgName.replace('quasar-app-extension-', '') %>": {}
 }

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/src/quasar.d.ts

@@ -7,4 +7,4 @@
 /// <reference types="@quasar/app-vite" />
 
 // Load global component typings
-/// <reference types="<%= pkgName %>" />
+/// <reference types="<%= scope.pkgName %>" />

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/README.md

@@ -4,8 +4,8 @@ Playground for Quasar AE <%= name %>
 
 ## Install the dependencies
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> install
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> install
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm install
@@ -16,8 +16,8 @@ bun install
 
 ### Start the app in development mode (hot-code reloading, error reporting, etc.)
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run dev
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run dev
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run dev
@@ -28,8 +28,8 @@ bun dev
 
 ### Lint the files
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run lint
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run lint
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run lint
@@ -40,8 +40,8 @@ bun lint
 
 ### Format the files
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run format
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run format
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run format
@@ -52,8 +52,8 @@ bun format
 
 ### Build the app for production
 
-<% if (packageManager) { %>```bash
-<%= packageManager.name %> run build
+<% if (scope.packageManager) { %>```bash
+<%= scope.packageManager.name %> run build
 ```<% } else { %>```bash
 # One of the following, depending on your package manager
 npm run build

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/_package.json

@@ -1,9 +1,9 @@
 {
   "name": "playground-quasar-cli-webpack",
   "version": "0.0.1",
-  "description": "Playground for Quasar AE <%= name %>",
-  "productName": "Quasar AE <%= name %> Playground",
-  "author": "<%= author %>",
+  "description": "Playground for Quasar AE <%= scope.name %>",
+  "productName": "Quasar AE <%= scope.name %> Playground",
+  "author": "<%= scope.author %>",
   "private": true,
   "scripts": {
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
@@ -17,7 +17,7 @@
     "quasar": "^2.16.7",
     "vue": "^3.4.36",
     "vue-router": "^5.0.3",
-    "<%= pkgName %>": <% if (!packageManager || ['pnpm', 'bun'].includes(packageManager?.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
+    "<%= scope.pkgName %>": <% if (!scope.packageManager || ['pnpm', 'bun'].includes(scope.packageManager?.name)) { %>"workspace:*"<% } else { %>"*"<% } %>
   },
   "devDependencies": {
     "@quasar/app-webpack": "^4.1.0",

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/index.html

@@ -1,15 +1,15 @@
 <!doctype html>
 <html>
   <head>
-    <title><%= '\<%= productName %\>' %></title>
+    <title><%= '<' + '%= productName %' + '>' %></title>
 
     <meta charset="utf-8" />
-    <meta name="description" content="<%= '\<%= productDescription %\>' %>" />
+    <meta name="description" content="<%= '<' + '%= productDescription %' + '>' %>" />
     <meta name="format-detection" content="telephone=no" />
     <meta name="msapplication-tap-highlight" content="no" />
     <meta
       name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
+      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '<' + '% if (ctx.mode.cordova || ctx.mode.capacitor) { %' + '>, viewport-fit=cover<' + '% } %' + '>' %>"
     />
 
     <link

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/quasar.config.ts

@@ -1,5 +1,3 @@
-/* eslint-env node */
-
 // Configuration for your app
 // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
 

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/quasar.extensions.json

@@ -1,3 +1,3 @@
 {
-  "<%= pkgName.replace('quasar-app-extension-', '') %>": {}
+  "<%= scope.pkgName.replace('quasar-app-extension-', '') %>": {}
 }

package/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/src/quasar.d.ts

@@ -7,4 +7,4 @@
 /// <reference types="@quasar/app-webpack" />
 
 // Load global component typings
-/// <reference types="<%= pkgName %>" />
+/// <reference types="<%= scope.pkgName %>" />

package/templates/app-extension/ae-ts/{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: 'confirm',
@@ -16,12 +16,13 @@ export async function script ({ scope, utils }) {
     {
       type: 'text',
       name: 'name',
-      message: 'Quasar App Extension ext-id (without "quasar-app-extension" prefix), eg. "my-ext"',
-      validate: (val) =>
+      message:
+        'Quasar App Extension ext-id (without "quasar-app-extension" prefix), eg. "my-ext"',
+      validate: val =>
         utils.isValidPackageName(val) || 'Invalid App Extension name'
     },
 
-    utils.commonPrompts.description,
+    utils.commonPrompts.description
   ])
 
   await utils.injectAuthor(scope)
@@ -55,10 +56,14 @@ export async function script ({ scope, utils }) {
     }
   ])
 
-  scope.pkgName = scope.needOrgName ? `@${scope.orgName}/quasar-app-extension-${scope.name}` : `quasar-app-extension-${scope.name}`
+  scope.pkgName = scope.needOrgName
+    ? `@${scope.orgName}/quasar-app-extension-${scope.name}`
+    : `quasar-app-extension-${scope.name}`
   const packageManager = utils.runningPackageManager
   scope.packageManager = packageManager
-  scope.packageManagerField = packageManager ? `${packageManager.name}@${packageManager.version}` : undefined
+  scope.packageManagerField = packageManager
+    ? `${packageManager.name}@${packageManager.version}`
+    : void 0
 
   utils.createTargetDir(scope)
   utils.renderTemplate('BASE', scope)

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

@@ -0,0 +1,17 @@
+export async function createQuasarScript({ scope, utils }) {
+  /**
+   * Temporarily disable scriptType prompt (TS not ready yet)
+   */
+
+  // await utils.prompts(scope, [
+  //   utils.commonPrompts.scriptType
+  // ])
+
+  // const { createQuasarScript: create } = await import(`./ae-${ scope.scriptType }/create-quasar-script.js`)
+  // await create({ scope, utils })
+
+  const { createQuasarScript: create } =
+    await import('./ae-js/create-quasar-script.js')
+
+  await create({ scope, utils })
+}

package/templates/ui-kit/{eslint.config.js → __eslint.config.js}

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

package/templates/ui-kit/{index.js → create-quasar-script.js}

@@ -1,10 +1,11 @@
-export async function script ({ scope, utils }) {
+export async function createQuasarScript({ scope, utils }) {
   await utils.prompts(scope, [
     {
       type: 'text',
       name: 'name',
-      message: 'Project name (npm name, kebab-case, without "quasar-ui" prefix)',
-      validate: (val) =>
+      message:
+        'Project name (npm name, kebab-case, without "quasar-ui" prefix)',
+      validate: val =>
         utils.isValidPackageName(val) || 'Invalid package.json name'
     }
   ])
@@ -97,8 +98,10 @@ export async function script ({ scope, utils }) {
     }
   ])
 
-  const { script } = await import(`./quasar-v2/index.js`)
-  await script({ scope, utils })
+  const { createQuasarScript: create } = await import(
+    `./quasar-v2/create-quasar-script.js`
+  )
+  create({ scope, utils })
 
   // we don't want to install
   scope.skipDepsInstall = true

package/templates/ui-kit/quasar-v2/BASE/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) <%= author %>
+Copyright (c) <%= scope.author %>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/templates/ui-kit/quasar-v2/BASE/README.md

@@ -1,11 +1,11 @@
-<img src="https://img.shields.io/npm/v/quasar-ui-<%= name %>.svg?label=quasar-ui-<%= name %>">
-<% if (features.ae) { %><img src="https://img.shields.io/npm/v/quasar-app-extension-<%= name %>.svg?label=quasar-app-extension-<%= name %>"><% } %>
+<img src="https://img.shields.io/npm/v/quasar-ui-<%= scope.name %>.svg?label=quasar-ui-<%= scope.name %>">
+<% if (scope.features.ae) { %><img src="https://img.shields.io/npm/v/quasar-app-extension-<%= scope.name %>.svg?label=quasar-app-extension-<%= scope.name %>"><% } %>
 
 Compatible with Quasar UI v2 and Vue 3.
 
 # Structure
 * [/ui](ui) - standalone npm package
-<% if (features.ae) { %>
+<% if (scope.features.ae) { %>
 * [/app-extension](app-extension) - Quasar app extension
 <% } %>
 
@@ -13,4 +13,4 @@ Compatible with Quasar UI v2 and Vue 3.
 If you appreciate the work that went into this project, please consider [donating to Quasar](https://donate.quasar.dev).
 
 # License
-<%= license %> (c) <%= author %>
+<%= scope.license %> (c) <%= scope.author %>