create-quasar 1.11.7 → 1.12.0

package/templates/app/quasar-v2/ts-webpack-4/eslint/_eslint.config.js

@@ -1,94 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import pluginVue from 'eslint-plugin-vue'
-import pluginQuasar from '@quasar/app-webpack/eslint'
-import vueTsEslintConfig from '@vue/eslint-config-typescript'<% if (prettier) { %>
-import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting'<% } %>
-
-export default [
-  {
-    /**
-     * Ignore the following files.
-     * Please note that pluginQuasar.configs.recommended() already ignores
-     * the "node_modules" folder for you (and all other Quasar project
-     * relevant folders and files).
-     *
-     * ESLint requires "ignores" key to be the only one in this object
-     */
-    // ignores: []
-  },
-
-  ...pluginQuasar.configs.recommended(),
-  js.configs.recommended,
-
-  /**
-   * https://eslint.vuejs.org
-   *
-   * pluginVue.configs.base
-   *   -> Settings and rules to enable correct ESLint parsing.
-   * pluginVue.configs[ 'flat/essential']
-   *   -> base, plus rules to prevent errors or unintended behavior.
-   * pluginVue.configs["flat/strongly-recommended"]
-   *   -> Above, plus rules to considerably improve code readability and/or dev experience.
-   * pluginVue.configs["flat/recommended"]
-   *   -> Above, plus rules to enforce subjective community defaults to ensure consistency.
-   */
-  ...pluginVue.configs[ 'flat/essential' ],
-
-  // https://github.com/vuejs/eslint-config-typescript
-  ...vueTsEslintConfig({
-    // Optional: extend additional configurations from typescript-eslint'.
-    // Supports all the configurations in
-    // https://typescript-eslint.io/users/configs#recommended-configurations
-    extends: [
-      // By default, only the recommended rules are enabled.
-      'recommended'
-      // You can also manually enable the stylistic rules.
-      // "stylistic",
-
-      // Other utility configurations, such as 'eslintRecommended', (note that it's in camelCase)
-      // are also extendable here. But we don't recommend using them directly.
-    ]
-  }),
-
-  {
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-
-      globals: {
-        ...globals.browser,
-        ...globals.node, // SSR, Electron, config files
-        process: 'readonly', // process.env.*
-        ga: 'readonly', // Google Analytics
-        cordova: 'readonly',
-        Capacitor: 'readonly',
-        chrome: 'readonly', // BEX related
-        browser: 'readonly' // BEX related
-      }
-    },
-
-    // add your custom rules here
-    rules: {
-      'prefer-promise-reject-errors': 'off',
-      '@typescript-eslint/consistent-type-imports': [
-        'error',
-        { prefer: 'type-imports' }
-      ],
-
-      // allow debugger during development only
-      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-    }
-  },
-
-  {
-    files: [ 'src-pwa/custom-service-worker.ts' ],
-    languageOptions: {
-      globals: {
-        ...globals.serviceworker
-      }
-    }
-  }<% if (prettier) { %>,
-
-  prettierSkipFormatting<% } %>
-]

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

@@ -1,33 +0,0 @@
-import { defineBoot } from '#q-app/wrappers';
-import { createI18n } from 'vue-i18n';
-
-import messages from 'src/i18n';
-
-export type MessageLanguages = keyof typeof messages;
-// Type-define 'en-US' as the master schema for the resource
-export type MessageSchema = typeof messages["en-US"];
-
-// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-declare module 'vue-i18n' {
-  // define the locale messages schema
-  export interface DefineLocaleMessage extends MessageSchema {}
-
-  // define the datetime format schema
-  export interface DefineDateTimeFormat {}
-
-  // define the number format schema
-  export interface DefineNumberFormat {}
-}
-/* eslint-enable @typescript-eslint/no-empty-object-type */
-
-export default defineBoot(({ app }) => {
-  const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({
-    locale: 'en-US',<% if (sfcStyle === 'composition' || sfcStyle === 'composition-setup') { %>
-    legacy: false,<% } %>
-    messages,
-  });
-
-  // Set i18n instance on app
-  app.use(i18n);
-});

package/templates/app/quasar-v2/ts-webpack-4/i18n/src/i18n/en-US/index.ts

@@ -1,7 +0,0 @@
-// This is just an example,
-// so you can safely delete all default props below
-
-export default {
-  failed: 'Action failed',
-  success: 'Action was successful'
-};

package/templates/app/quasar-v2/ts-webpack-4/i18n/src/i18n/index.ts

@@ -1,5 +0,0 @@
-import enUS from './en-US';
-
-export default {
-  'en-US': enUS
-};

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

@@ -1,36 +0,0 @@
-export async function script ({ 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: 'axios', value: 'axios' },
-        { title: '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)
-  utils.renderTemplate(scope.css, scope)
-
-  if (scope.preset.axios) utils.renderTemplate('axios', 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/quasar-v2/ts-webpack-4/pinia/src/stores/example-store.ts

@@ -1,15 +0,0 @@
-import { defineStore } from 'pinia';
-
-export const useCounterStore = defineStore('counter', {
-  state: () => ({
-    counter: 0,
-  }),
-  getters: {
-    doubleCount: (state) => state.counter * 2,
-  },
-  actions: {
-    increment() {
-      this.counter++;
-    },
-  },
-});

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

@@ -1,32 +0,0 @@
-import { defineStore } from '#q-app/wrappers'
-import { createPinia } from 'pinia'
-
-/*
- * When adding new properties to stores, you should also
- * extend the `PiniaCustomProperties` interface.
- * @see https://pinia.vuejs.org/core-concepts/plugins.html#typing-new-store-properties
- */
-declare module 'pinia' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-  export interface PiniaCustomProperties {
-    // add your custom properties here, if any
-  }
-}
-
-/*
- * If not building with SSR mode, you can
- * directly export the Store instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Store instance.
- */
-
-export default defineStore((/* { ssrContext } */) => {
-  const pinia = createPinia()
-
-  // You can add Pinia plugins here
-  // pinia.use(SomePiniaPlugin)
-
-  return pinia
-})

package/templates/app/quasar-v2/ts-webpack-4/prettier/_.prettierrc.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100
-}

package/templates/app/quasar-v2/ts-webpack-4/sass/src/css/app.sass

@@ -1 +0,0 @@
-// app global css in Sass form

package/templates/app/quasar-v2/ts-webpack-4/sass/src/css/quasar.variables.sass

@@ -1,25 +0,0 @@
-// Quasar Sass (& SCSS) Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
-
-// Check documentation for full list of Quasar variables
-
-// Your own variables (that are declared here) and Quasar's own
-// ones will be available out of the box in your .vue/.scss/.sass files
-
-// It's highly recommended to change the default colors
-// to match your app's branding.
-// Tip: Use the "Theme Builder" on Quasar's documentation website.
-
-$primary   : #1976D2
-$secondary : #26A69A
-$accent    : #9C27B0
-
-$dark      : #1D1D1D
-$dark-page : #121212
-
-$positive  : #21BA45
-$negative  : #C10015
-$info      : #31CCEC
-$warning   : #F2C037

package/templates/app/quasar-v2/ts-webpack-4/scss/src/css/app.scss

@@ -1 +0,0 @@
-// app global css in SCSS form

package/templates/app/quasar-v2/ts-webpack-4/scss/src/css/quasar.variables.scss

@@ -1,25 +0,0 @@
-// Quasar SCSS (& Sass) Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
-
-// Check documentation for full list of Quasar variables
-
-// Your own variables (that are declared here) and Quasar's own
-// ones will be available out of the box in your .vue/.scss/.sass files
-
-// It's highly recommended to change the default colors
-// to match your app's branding.
-// Tip: Use the "Theme Builder" on Quasar's documentation website.
-
-$primary   : #1976D2;
-$secondary : #26A69A;
-$accent    : #9C27B0;
-
-$dark      : #1D1D1D;
-$dark-page : #121212;
-
-$positive  : #21BA45;
-$negative  : #C10015;
-$info      : #31CCEC;
-$warning   : #F2C037;

package/templates/ui-kit/quasar-v2/.eslintrc.cjs

@@ -1,19 +0,0 @@
-module.exports = {
-  overrides: [
-    {
-      files: './*/**/*.js',
-
-      globals: {
-        __UI_VERSION__: 'readonly'
-      },
-    },
-  ],
-
-  // Due to conditional use of mixed ESM/CJS in certain files, they can't be properly parsed and checked
-  ignorePatterns: [
-    'ae-install/app-extension/src/install.js',
-    'ae-prompts/app-extension/src/prompts.js',
-    'ae-uninstall/app-extension/src/uninstall.js',
-    'ae/app-extension/src/index.js'
-  ]
-}

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

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) <%= 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
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

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

@@ -1,16 +0,0 @@
-<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 %>"><% } %>
-
-Compatible with Quasar UI v2 and Vue 3.
-
-# Structure
-* [/ui](ui) - standalone npm package
-<% if (features.ae) { %>
-* [/app-extension](app-extension) - Quasar app extension
-<% } %>
-
-# Donate
-If you appreciate the work that went into this project, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-<%= license %> (c) <%= author %>

package/templates/ui-kit/quasar-v2/BASE/_.gitignore

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

package/templates/ui-kit/quasar-v2/BASE/_jsconfig.json

@@ -1,9 +0,0 @@
-
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "ui/*": ["src/*"]
-    }
-  }
-}

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

@@ -1,156 +0,0 @@
-# <% if (features.component) { %>Component <%= componentName %><% if (features.directive) { %> and <% } } %><% if (features.directive) { %>Directive v-<%= directiveName %><% } %>
-
-[![npm](https://img.shields.io/npm/v/quasar-ui-<%= name %>.svg?label=quasar-ui-<%= name %>)](https://www.npmjs.com/package/quasar-ui-<%= name %>)
-[![npm](https://img.shields.io/npm/dt/quasar-ui-<%= name %>.svg)](https://www.npmjs.com/package/quasar-ui-<%= name %>)
-
-**Compatible with Quasar UI v2 and Vue 3**.
-
-<% if (features.component) { %>
-# Component <%= componentName %>
-> Short description of the component
-<% } %>
-
-<% if (features.directive) { %>
-# Directive v-<%= directiveName %>
-> Short description of the directive
-<% } %>
-
-# Usage
-
-## Quasar CLI project
-<% if (features.ae) { %>
-
-Install the [App Extension](../app-extension).
-
-**OR**:
-
-<% } %>
-Create and register a boot file:
-
-```js
-import Vue from 'vue'
-import Plugin from 'quasar-ui-<%= name %>'
-import 'quasar-ui-<%= name %>/dist/index.css'
-
-Vue.use(Plugin)
-```
-
-**OR**:
-
-```html
-<style src="quasar-ui-<%= name %>/dist/index.css"></style>
-
-<script>
-import { <% if (features.component) { %>Component as <%= componentName %><% if (features.directive) { %>, <% } %><% } %><% if (features.directive) { %>Directive<% } %> } from 'quasar-ui-<%= name %>'
-
-export default {
-  <% if (features.component) { %>
-  components: {
-    <%= componentName %>
-  }<% if (features.directive) { %>,<% } %>
-  <% } %>
-  <% if (features.directive) { %>
-  directives: {
-    Directive
-  }
-  <% } %>
-}
-</script>
-```
-
-## Vue CLI project
-
-```js
-import Vue from 'vue'
-import Plugin from 'quasar-ui-<%= name %>'
-import 'quasar-ui-<%= name %>/dist/index.css'
-
-Vue.use(Plugin)
-```
-
-**OR**:
-
-```html
-<style src="quasar-ui-<%= name %>/dist/index.css"></style>
-
-<script>
-import { <% if (features.component) { %>Component as <%= componentName %><% if (features.directive) { %>, <% } %><% } %><% if (features.directive) { %>Directive<% } %> } from 'quasar-ui-<%= name %>'
-
-export default {
-  <% if (features.component) { %>
-  components: {
-    <%= componentName %>
-  }<% if (features.directive) { %>,<% } %>
-  <% } %>
-  <% if (features.directive) { %>
-  directives: {
-    Directive
-  }
-  <% } %>
-}
-</script>
-```
-
-## UMD variant
-
-Exports `window.<%= umdExportName %>`.
-
-Add the following tag(s) after the Quasar ones:
-
-```html
-<head>
-  <!-- AFTER the Quasar stylesheet tags: -->
-  <link href="https://cdn.jsdelivr.net/npm/quasar-ui-<%= name %>/dist/index.min.css" rel="stylesheet" type="text/css">
-</head>
-<body>
-  <!-- at end of body, AFTER Quasar script(s): -->
-  <script src="https://cdn.jsdelivr.net/npm/quasar-ui-<%= name %>/dist/index.umd.min.js"></script>
-</body>
-```
-If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
-```html
-<link href="https://cdn.jsdelivr.net/npm/quasar-ui-<%= name %>/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
-```
-
-# Setup
-```bash
-$ yarn
-```
-
-# Developing
-```bash
-# start dev in SPA mode
-$ yarn dev
-
-# start dev in UMD mode
-$ yarn dev:umd
-
-# start dev in SSR mode
-$ yarn dev:ssr
-
-# start dev in Cordova iOS mode
-$ yarn dev:ios
-
-# start dev in Cordova Android mode
-$ yarn dev:android
-
-# start dev in Electron mode
-$ yarn dev:electron
-```
-
-# Building package
-```bash
-$ yarn build
-```
-
-# Adding Testing Components
-in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.
-
-# Adding Assets
-If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.
-
-# Donate
-If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-<%= license %> (c) <%= author %>

package/templates/ui-kit/quasar-v2/BASE/ui/_.npmignore

@@ -1,21 +0,0 @@
-/build
-/dev
-umd-test.html
-
-.DS_Store
-.thumbs.db
-yarn.lock
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-.editorconfig
-.eslintignore
-.eslintrc.js

package/templates/ui-kit/quasar-v2/BASE/ui/_package.json

@@ -1,54 +0,0 @@
-{
-  "name": "quasar-ui-<%= name %>",
-  "version": "0.0.1",
-  "author": "<%= author %>",
-  "description": "<%= packageDescription %>",
-  "license": "<%= license %>",
-  "module": "dist/index.esm.js",
-  "main": "dist/index.common.js",
-  "scripts": {
-    "dev": "cd dev && yarn dev && cd ..",
-    "dev:umd": "yarn build && node build/script.open-umd.js",
-    "dev:ssr": "cd dev && yarn 'dev:ssr' && cd ..",
-    "dev:ios": "cd dev && yarn 'dev:ios' && cd ..",
-    "dev:android": "cd dev && yarn 'dev:android' && cd ..",
-    "dev:electron": "cd dev && yarn 'dev:electron' && cd ..",
-    "build": "node build/index.js",
-    "build:js": "node build/script.javascript.js",
-    "build:css": "node build/script.css.js"
-  },
-  "devDependencies": {
-    "autoprefixer": "^10.0.2",
-    "cssnano": "^4.1.10",
-    "postcss": "^8.1.9",
-    "rtlcss": "^2.6.1",
-    "sass": "^1.33.0",
-    "quasar": "^2.16.0",
-    "@quasar/extras": "^1.16.4",
-    "core-js": "^3.0.0",
-    "@quasar/app-webpack": "^3.13.0",
-    "open": "^7.3.0",
-    "fs-extra": "^8.1.0",
-    "chalk": "^4.1.0",
-    "rimraf": "^3.0.0",
-    "rollup": "^2.45.0",
-    "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-json": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-replace": "^2.4.2",
-    "uglify-js": "^3.13.3",
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0",
-    "zlib": "^1.0.5"
-  },
-  "browserslist": [
-    "last 4 Chrome versions",
-    "last 4 Firefox versions",
-    "last 2 Edge versions",
-    "last 4 Safari versions",
-    "last 4 Android versions",
-    "last 4 ChromeAndroid versions",
-    "last 4 FirefoxAndroid versions",
-    "last 4 iOS versions"
-  ]
-}

package/templates/ui-kit/quasar-v2/BASE/ui/build/config.js

@@ -1,13 +0,0 @@
-const { name, author, version } = require('../package.json')
-const year = (new Date()).getFullYear()
-
-module.exports = {
-  name,
-  version,
-  banner:
-    '/*!\n' +
-    ' * ' + name + ' v' + version + '\n' +
-    ' * (c) ' + year + ' ' + author + '\n' +
-    ' * Released under the MIT License.\n' +
-    ' */\n'
-}

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

@@ -1,19 +0,0 @@
-process.env.NODE_ENV = 'production'
-
-const parallel = require('os').cpus().length > 1
-const runJob = parallel ? require('child_process').fork : require
-const { join } = require('path')
-const { createFolder } = require('./utils')
-const { green, blue } = require('chalk')
-
-console.log()
-
-<% if (features.ae) { %>require('./script.app-ext.js').syncAppExt()<% } %>
-require('./script.clean.js')
-
-console.log(` 📦 Building ${green('v' + require('../package.json').version)}...${parallel ? blue(' [multi-threaded]') : ''}\n`)
-
-createFolder('dist')
-
-runJob(join(__dirname, './script.javascript.js'))
-runJob(join(__dirname, './script.css.js'))

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

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