create-quasar 2.2.2 → 4.0.0

package/templates/app/quasar-v2/ts-webpack-4/BASE/src/components/ExampleComponent.vue

@@ -1,37 +0,0 @@
-<template>
-  <div>
-    <p>{{ title }}</p>
-    <ul>
-      <li v-for="todo in todos" :key="todo.id" @click="increment">
-        {{ todo.id }} - {{ todo.content }}
-      </li>
-    </ul>
-    <p>Count: {{ todoCount }} / {{ meta.totalCount }}</p>
-    <p>Active: {{ active ? 'yes' : 'no' }}</p>
-    <p>Clicks on todos: {{ clickCount }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import type { Todo, Meta } from './models';
-
-interface Props {
-  title: string;
-  todos?: Todo[];
-  meta: Meta;
-  active: boolean;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  todos: () => []
-});
-
-const clickCount = ref(0);
-function increment() {
-  clickCount.value += 1;
-  return clickCount.value;
-}
-
-const todoCount = computed(() => props.todos.length);
-</script>

package/templates/app/quasar-v2/ts-webpack-4/BASE/src/components/models.ts

@@ -1,8 +0,0 @@
-export interface Todo {
-  id: number;
-  content: string;
-}
-
-export interface Meta {
-  totalCount: number;
-}

package/templates/app/quasar-v2/ts-webpack-4/BASE/src/env.d.ts

@@ -1,7 +0,0 @@
-declare namespace NodeJS {
-  interface ProcessEnv {
-    NODE_ENV: string;
-    VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined;
-    VUE_ROUTER_BASE: string | undefined;
-  }
-}

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

@@ -1,43 +0,0 @@
-<template>
-  <q-page class="row items-center justify-evenly">
-    <example-component
-      title="Example component"
-      active
-      :todos="todos"
-      :meta="meta"
-    ></example-component>
-  </q-page>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import type { Todo, Meta } from 'components/models';
-import ExampleComponent from 'components/ExampleComponent.vue';
-
-const todos = ref<Todo[]>([
-  {
-    id: 1,
-    content: 'ct1'
-  },
-  {
-    id: 2,
-    content: 'ct2'
-  },
-  {
-    id: 3,
-    content: 'ct3'
-  },
-  {
-    id: 4,
-    content: 'ct4'
-  },
-  {
-    id: 5,
-    content: 'ct5'
-  }
-]);
-
-const meta = ref<Meta>({
-  totalCount: 1200
-});
-</script>

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

@@ -1,18 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router';
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/',
-    component: () => import('layouts/MainLayout.vue'),
-    children: [{ path: '', component: () => import('pages/IndexPage.vue') }],
-  },
-
-  // Always leave this as last one,
-  // but you can also remove it
-  {
-    path: '/:catchAll(.*)*',
-    component: () => import('pages/ErrorNotFound.vue'),
-  },
-];
-
-export default routes;

package/templates/app/quasar-v2/ts-webpack-4/__.eslintrc.cjs

@@ -1,20 +0,0 @@
-module.exports = {
-  settings: {
-    'lodash-template/globals': [
-      // Base
-      'name',
-      'description',
-      'author',
-
-      // Quasar v2
-      'quasarVersion',
-      'scriptType',
-      'productName',
-
-      // Quasar v2 - TS
-      'css',
-      'preset',
-      'prettier'
-    ]
-  }
-}

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

@@ -1,53 +0,0 @@
-export async function createQuasarScript({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Check the features needed for your project:',
-      choices: [
-        {
-          title: 'Sass CSS preprocessor',
-          value: 'sass',
-          selected: true
-        },
-        {
-          title: 'Linting (ESLint)',
-          value: 'eslint',
-          description: 'recommended',
-          selected: true
-        },
-        {
-          title: 'State Management (Pinia)',
-          value: 'pinia',
-          description: 'https://pinia.vuejs.org'
-        },
-        {
-          title: 'Internationalization (vue-i18n)',
-          value: 'i18n'
-        }
-      ],
-      format: utils.convertArrayToObject
-    },
-    {
-      type: (_, { preset }) => (preset.eslint ? 'confirm' : null),
-      name: 'prettier',
-      initial: true,
-      message: 'Add Prettier for code formatting?'
-    }
-  ])
-
-  // ensure it's defined since if not selecting ESLint,
-  // user won't be asked about it hence it won't be defined
-  scope.prettier = scope.prettier || false
-
-  utils.createTargetDir(scope)
-  utils.renderTemplate('BASE', scope)
-
-  const css = scope.preset.sass ? 'sass' : 'css'
-  utils.renderTemplate(css, scope)
-
-  if (scope.preset.i18n) utils.renderTemplate('i18n', scope)
-  if (scope.preset.eslint) utils.renderTemplate('eslint', scope)
-  if (scope.prettier) utils.renderTemplate('prettier', scope)
-  if (scope.preset.pinia) utils.renderTemplate('pinia', scope)
-}

package/templates/app-extension/__eslint.config.js

@@ -1,63 +0,0 @@
-import { defineConfig } from 'eslint/config'
-import globals from 'globals'
-import baseConfig from '../eslint.config.base.js'
-
-export default defineConfig(
-  ...baseConfig,
-
-  {
-    // Due to conditional use of mixed ESM/CJS in certain files, they can't be properly parsed and checked
-    ignores: [
-      'ae-js/BASE/src/index.js',
-      'ae-js/install-script/src/install.js',
-      'ae-js/prompts-script/src/prompts.js',
-      'ae-js/uninstall-script/src/uninstall.js'
-    ]
-  },
-
-  {
-    files: [ 'ae-js/*/**/*.js' ],
-
-    settings: {
-      'lodash-template/globals': [
-        // Base
-        'name',
-        'description',
-        'author',
-
-        'preset',
-        'orgName',
-        'license'
-      ]
-    },
-
-    languageOptions: {
-      parserOptions: {
-        sourceType: 'script'
-      },
-
-      globals: {
-        ...globals.node
-      }
-    }
-  },
-
-  {
-    files: [ 'ae-ts/*/**/*.ts', 'ae-ts/*/**/*.js' ],
-
-    settings: {
-      'lodash-template/globals': [
-        // Base
-        'name',
-        'description',
-        'author',
-
-        'preset',
-        'orgName',
-        'license',
-
-        'packageManagerField',
-      ]
-    }
-  },
-)

package/templates/app-extension/ae-js/BASE/_.gitignore

@@ -1,14 +0,0 @@
-.DS_Store
-.thumbs.db
-node_modules
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln

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

@@ -1,17 +0,0 @@
-{
-  <% if (scope.needOrgName) { %>"name": "@<%= scope.orgName %>/quasar-app-extension-<%= scope.name %>",
-  <% } else { %>"name": "quasar-app-extension-<%= scope.name %>",<% } %>
-  "version": "0.0.1",
-  "description": "<%= scope.description %>",
-  "author": "<%= scope.author %>",
-  "license": "<%= scope.license %>",
-  "type": "module",
-  "scripts": {
-    "test": "echo \"No test specified\" && exit 0"
-  },
-  "engines": {
-    "node": ">= 12.2.0",
-    "npm": ">= 5.6.0",
-    "yarn": ">= 1.6.0"
-  }
-}

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

@@ -1,10 +0,0 @@
-/**
- * Quasar App Extension index/runner script
- * (runs on each dev/build)
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/index-api
- */
-
-export default function (api) {
-  //
-}

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

@@ -1,68 +0,0 @@
-export async function createQuasarScript({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'confirm',
-      name: 'needOrgName',
-      initial: false,
-      message: 'Will you use an organization to publish it? Eg. "@my-org/..."'
-    },
-    {
-      type: (_, { needOrgName } = {}) => (needOrgName ? 'text' : null),
-      name: 'orgName',
-      message: 'Organization name, eg. "my-org":',
-      validate: val =>
-        (val && val.length > 0) || 'Please type the organization name'
-    },
-    {
-      type: 'text',
-      name: 'name',
-      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
-  ])
-
-  await utils.injectAuthor(scope)
-
-  await utils.prompts(scope, [
-    {
-      type: 'text',
-      name: 'license',
-      initial: 'MIT',
-      message: 'License type:'
-    },
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Pick the needed scripts:',
-      choices: [
-        {
-          title: 'Prompts script',
-          value: 'prompts'
-        },
-        {
-          title: 'Install script',
-          value: 'install'
-        },
-        {
-          title: 'Uninstall script',
-          value: 'uninstall'
-        }
-      ],
-      format: utils.convertArrayToObject
-    }
-  ])
-
-  utils.createTargetDir(scope)
-  utils.renderTemplate('BASE', scope)
-
-  if (scope.preset.prompts) utils.renderTemplate('prompts-script', scope)
-  if (scope.preset.install) utils.renderTemplate('install-script', scope)
-  if (scope.preset.uninstall) utils.renderTemplate('uninstall-script', scope)
-
-  // nothing to install, so we'll skip it
-  scope.skipDepsInstall = true
-}

package/templates/app-extension/ae-js/install-script/src/install.js

@@ -1,9 +0,0 @@
-/**
- * Quasar App Extension install script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/install-api
- */
-
-export default function (api) {
-  //
-}

package/templates/app-extension/ae-js/prompts-script/src/prompts.js

@@ -1,44 +0,0 @@
-/**
- * Quasar App Extension prompts script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/prompts-api
- *
- * Inquirer prompts
- * (answers are available as "api.prompts" in the other scripts)
- * https://www.npmjs.com/package/inquirer#question
- *
- * Example:
-
-  return [
-    {
-      name: 'name',
-      type: 'input',
-      required: true,
-      message: 'Quasar CLI Extension name (without prefix)',
-    },
-    {
-      name: 'preset',
-      type: 'checkbox',
-      message: 'Check the features needed for your project:',
-      choices: [
-        {
-          name: 'Install script',
-          value: 'install'
-        },
-        {
-          name: 'Prompts script',
-          value: 'prompts'
-        },
-        {
-          name: 'Uninstall script',
-          value: 'uninstall'
-        }
-      ]
-    }
-  ]
-
- */
-
-export default function (api) {
-  return []
-}

package/templates/app-extension/ae-js/uninstall-script/src/uninstall.js

@@ -1,9 +0,0 @@
-/**
- * Quasar App Extension uninstall script
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
- */
-
-export default function (api) {
-  //
-}

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

@@ -1,35 +0,0 @@
-<img src="https://img.shields.io/npm/v/<%= pkgName %>.svg?label=<%= pkgName %>">
-
-Compatible with:
-
-- Quasar UI v2 and Vue 3
-- Quasar CLI with Vite v1.5+ and v2
-- Quasar CLI with Webpack v3.10+ and v4
-
-# Structure
-
-- [/app-extension](app-extension) - App Extension for Quasar CLI
-- [/playground](playground) - collection of playground apps to test the UI and App Extension
-
-# Development
-
-```bash
-$ <%= scope.packageManager?.name ?? 'pnpm' %> i # install the dependencies
-
-$ <%= scope.packageManager?.name ?? 'pnpm' %> build # build the app-extension. Run this after making any change in ./app-extension
-
-$ <%= scope.packageManager?.name ?? 'pnpm' %> dev:vite # start the app-vite playground
-$ <%= scope.packageManager?.name ?? 'pnpm' %> dev:webpack # start the app-webpack playground
-```
-
-For more development-related explanation, see:
-- [`app-extension/src/runtime/README.md`](app-extension/src/runtime/README.md)
-<% if (scope.preset.install) { %>- [`app-extension/src/templates/README.md`](app-extension/src/templates/README.md)<% } %>
-
-# Donate
-
-If you appreciate the work that went into this project, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-
-<%= scope.license %> (c) <%= scope.author %>

package/templates/app-extension/ae-ts/BASE/_.gitignore

@@ -1,8 +0,0 @@
-.DS_Store
-.thumbs.db
-dist
-node_modules
-
-# package manager log files
-*-debug.log*
-*-error.log*

package/templates/app-extension/ae-ts/BASE/_.vscode/extensions.json

@@ -1,9 +0,0 @@
-{
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "editorconfig.editorconfig",
-    "vue.volar",
-    "wayou.vscode-todo-highlight"
-  ]
-}

package/templates/app-extension/ae-ts/BASE/_eslint.config.js

@@ -1,108 +0,0 @@
-import eslint from '@eslint/js';
-import { defineConfig } from 'eslint/config';
-import pluginVue from 'eslint-plugin-vue';
-import configPrettier from 'eslint-config-prettier';
-import globals from 'globals';
-import tseslint from 'typescript-eslint';
-import { version as vueVersion } from 'vue';
-
-export default defineConfig(
-  {
-    name: 'eslint/recommended',
-    ...eslint.configs.recommended,
-  },
-
-  // Recommended rules
-  ...tseslint.configs.recommendedTypeChecked,
-  // Strict rules (recommended if have good TS knowledge)
-  // ...tseslint.configs.strictTypeChecked, // disable recommended above if you enable this
-  ...tseslint.configs.stylisticTypeChecked,
-
-  ...pluginVue.configs['flat/recommended'],
-
-  {
-    name: 'eslint-config-prettier',
-    ...configPrettier,
-  },
-
-  {
-    name: 'ignored',
-
-    ignores: [
-      "**/dist",
-
-      "playground/*/.quasar",
-      "playground/*/quasar.config.*.temporary.compiled*",
-      "playground/*/src-cordova",
-      "playground/*/src-capacitor",
-      "playground/*/src-ssr",
-      "playground/*/postcss.config.cjs",
-
-      "playground/quasar-cli-webpack/src-bex/www",
-      "playground/quasar-cli-webpack/babel.config.cjs",
-    ],
-  },
-
-  {
-    name: 'general',
-
-    languageOptions: {
-      parserOptions: {
-        parser: tseslint.parser,
-        extraFileExtensions: ['.vue'],
-        projectService: true,
-      },
-
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-        ...globals.es2021,
-
-        chrome: 'readonly',
-        cordova: 'readonly',
-        Capacitor: 'readonly',
-      },
-    },
-
-    rules: {
-      '@typescript-eslint/no-misused-promises': [
-        'error',
-        { checksVoidReturn: false },
-      ],
-      '@typescript-eslint/no-unused-vars': [
-        'error',
-        { argsIgnorePattern: '^_' },
-      ],
-
-      'vue/no-unsupported-features': [
-        'error',
-        {
-          version: vueVersion,
-        },
-      ],
-      'vue/padding-line-between-blocks': 'warn',
-      'vue/no-empty-component-block': 'warn',
-      'vue/eqeqeq': 'error',
-      'vue/custom-event-name-casing': 'warn',
-      'vue/no-unused-properties': ['warn', { groups: ['props', 'setup'] }],
-      'vue/v-for-delimiter-style': 'warn',
-      'vue/require-macro-variable-name': 'warn',
-      'vue/prefer-separate-static-class': 'warn',
-
-      curly: 'error',
-      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    },
-  },
-
-  {
-    // Layout/page components are not used as components in templates, so they don't need to be multi-word
-    name: 'playground/vue-layout-and-page',
-    files: [
-      'playground/*/src/layouts/**/*.vue',
-      'playground/*/src/pages/**/*.vue',
-    ],
-    rules: {
-      'vue/multi-word-component-names': 'off',
-    },
-  },
-);

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

@@ -1,39 +0,0 @@
-{
-  "name": "quasar-app-extension-<%= scope.name %>-monorepo",
-  "private": true,
-  <% if (scope.packageManagerField) { %>"packageManager": "<%= scope.packageManagerField %>",<% } %>
-  "author": "<%= scope.author %>",
-  "type": "module",
-  <% if (scope.packageManager?.name !== 'pnpm') { %>"workspaces": [
-    "app-extension",
-    "playground/*"
-  ],<% } %>
-  "scripts": {
-    <% 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",
-    "dev:webpack": "pnpm --filter ./playground/quasar-cli-webpack dev",
-    "format": "pnpm format:root && pnpm --recursive format",
-    <% } %>
-    "lint": "eslint",
-    "format:root": "prettier --write \"./*.{json,md,vue,js,ts,yml}\" \"./.vscode/*.json\" --ignore-path .gitignore"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.4",
-    "@types/eslint": "^9.6.0",
-    "@types/eslint__js": "^8.42.3",
-    "@types/node": "^20.12.8",
-    "eslint": "^9.39.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-vue": "^9.27.0",
-    "globals": "^17.4.0",
-    "prettier": "^3.8.1",
-    "typescript": "^5.5.4",
-    "typescript-eslint": "^8.0.1"
-  }
-}

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

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["es2022"],
-    "module": "node16",
-    "target": "es2022",
-    "moduleResolution": "node16",
-
-    "noEmit": true,
-    "resolveJsonModule": true,
-
-    "strict": true,
-    "allowUnusedLabels": false,
-    "allowUnreachableCode": false,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noUncheckedIndexedAccess": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-
-    "isolatedModules": true,
-
-    "checkJs": true,
-
-    "esModuleInterop": true,
-    "skipLibCheck": false,
-    "forceConsistentCasingInFileNames": true
-  }
-}