create-quasar 1.12.0 → 2.0.0

package/templates/app/quasar-v1/ts/BASE/quasar.conf.js

@@ -1,204 +0,0 @@
-/* eslint-env node */
-
-/*
- * This file runs in a Node context (it's NOT transpiled by Babel), so use only
- * the ES6 features that are supported by your Node version. https://node.green/
- */
-
-// Configuration for your app
-// https://v1.quasar.dev/quasar-cli/quasar-conf-js
-<% if (preset.lint) { %><% if (lintConfig === 'airbnb') { %>/* eslint func-names: 0 */
-/* eslint global-require: 0 */<% } %>
-/* eslint-disable @typescript-eslint/no-var-requires */<% } %>
-const { configure } = require('quasar/wrappers');
-
-module.exports = configure(function (/* ctx */) {
-  return {
-    // https://v1.quasar.dev/quasar-cli/supporting-ts
-    supportTS: <% if (preset.lint) { %>{
-      tsCheckerConfig: {
-        eslint: {
-          enabled: true,
-          files: './src/**/*.{ts,tsx,js,jsx,vue}',
-        },
-      }
-    }<% } else { %>true<% } %>,
-
-    // https://v1.quasar.dev/quasar-cli/prefetch-feature
-    // preFetch: true,
-
-    // app boot file (/src/boot)
-    // --> boot files are part of "main.js"
-    // https://v1.quasar.dev/quasar-cli/boot-files
-    boot: [
-      <% if (preset.i18n) { %>'i18n',<% } %>
-      <% if (preset.axios) { %>'axios',<% } %>
-    ],
-
-    // https://v1.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
-    css: [
-      'app.<%= css %>'
-    ],
-
-    // https://github.com/quasarframework/quasar/tree/dev/extras
-    extras: [
-      // 'ionicons-v4',
-      // 'mdi-v5',
-      // 'fontawesome-v6',
-      // 'eva-icons',
-      // 'themify',
-      // 'line-awesome',
-      // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
-
-      'roboto-font', // optional, you are not bound to it
-      'material-icons', // optional, you are not bound to it
-    ],
-
-    // Full list of options: https://v1.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-build
-    build: {
-      vueRouterMode: 'hash', // available values: 'hash', 'history'
-
-      // transpile: false,
-
-      // Add dependencies for transpiling with Babel (Array of string/regex)
-      // (from node_modules, which are by default not transpiled).
-      // Applies only if "transpile" is set to true.
-      // transpileDependencies: [],
-
-      // rtl: false, // https://v1.quasar.dev/options/rtl-support
-      // preloadChunks: true,
-      // showProgress: false,
-      // gzip: true,
-      // analyze: true,
-
-      // Options below are automatically set depending on the env, set them if you want to override
-      // extractCSS: false,
-
-      // https://v1.quasar.dev/quasar-cli/handling-webpack
-      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
-      chainWebpack (/* chain */) {}
-    },
-
-    // Full list of options: https://v1.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
-    devServer: {
-      https: false,
-      port: 8080,
-      open: true // opens browser window automatically
-    },
-
-    // https://v1.quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework
-    framework: {
-      iconSet: 'material-icons', // Quasar icon set
-      lang: 'en-us', // Quasar language pack
-      config: {},
-
-      // Possible values for "importStrategy":
-      // * 'auto' - (DEFAULT) Auto-import needed Quasar components & directives
-      // * 'all'  - Manually specify what to import
-      importStrategy: '<%= importStrategy %>',
-
-      // For special cases outside of where "auto" importStrategy can have an impact
-      // (like functional components as one of the examples),
-      // you can manually specify Quasar components/directives to be available everywhere:
-      //
-      // components: [],
-      // directives: [],
-
-      // Quasar plugins
-      plugins: []
-    },
-
-    // animations: 'all', // --- includes all animations
-    // https://v1.quasar.dev/options/animations
-    animations: [],
-
-    // https://v1.quasar.dev/quasar-cli/developing-ssr/configuring-ssr
-    ssr: {
-      pwa: false
-    },
-
-    // https://v1.quasar.dev/quasar-cli/developing-pwa/configuring-pwa
-    pwa: {
-      workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
-      workboxOptions: {}, // only for GenerateSW
-      manifest: {
-        name: `<%= productName %>`,
-        short_name: `<%= productName %>`,
-        description: `<%= description %>`,
-        display: 'standalone',
-        orientation: 'portrait',
-        background_color: '#ffffff',
-        theme_color: '#027be3',
-        icons: [
-          {
-            src: 'icons/icon-128x128.png',
-            sizes: '128x128',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-256x256.png',
-            sizes: '256x256',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-384x384.png',
-            sizes: '384x384',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-512x512.png',
-            sizes: '512x512',
-            type: 'image/png'
-          }
-        ]
-      }
-    },
-
-    // Full list of options: https://v1.quasar.dev/quasar-cli/developing-cordova-apps/configuring-cordova
-    cordova: {
-      // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
-    },
-
-    // Full list of options: https://v1.quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor
-    capacitor: {
-      hideSplashscreen: true
-    },
-
-    // Full list of options: https://v1.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron
-    electron: {
-      bundler: 'packager', // 'packager' or 'builder'
-
-      packager: {
-        // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
-
-        // OS X / Mac App Store
-        // appBundleId: '',
-        // appCategoryType: '',
-        // osxSign: '',
-        // protocol: 'myapp://path',
-
-        // Windows only
-        // win32metadata: { ... }
-      },
-
-      builder: {
-        // https://www.electron.build/configuration/configuration
-
-        appId: '<%= name %>'
-      },
-
-      // More info: https://v1.quasar.dev/quasar-cli/developing-electron-apps/node-integration
-      nodeIntegration: true,
-
-      extendWebpack (/* cfg */) {
-        // do something with Electron main process Webpack cfg
-        // chainWebpack also available besides this extendWebpack
-      }
-    }
-  }
-});

package/templates/app/quasar-v1/ts/BASE/src/App.vue

@@ -1,20 +0,0 @@
-<template>
-  <div id="q-app">
-    <router-view />
-  </div>
-</template>
-
-<script lang="ts">
-<% if (sfcStyle === 'composition') { %>import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'App',
-});<% } else if (sfcStyle === 'class') { %>import { Vue, Component } from 'vue-property-decorator';
-
-@Component
-export default class App extends Vue {}<% } else if (sfcStyle === 'options') { %>import Vue from 'vue';
-
-export default Vue.extend({
-  name: 'App'
-});<% } %>
-</script>

package/templates/app/quasar-v1/ts/BASE/src/components/EssentialLink.vue

@@ -1,90 +0,0 @@
-<template>
-  <q-item
-    clickable
-    tag="a"
-    target="_blank"
-    :href="link"
-  >
-    <q-item-section
-      v-if="icon"
-      avatar
-    >
-      <q-icon :name="icon" />
-    </q-item-section>
-
-    <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
-      <q-item-label caption>
-        {{ caption }}
-      </q-item-label>
-    </q-item-section>
-  </q-item>
-</template>
-
-<script lang="ts">
-<% if (sfcStyle === 'composition') { %>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'EssentialLink',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-
-    caption: {
-      type: String,
-      default: ''
-    },
-
-    link: {
-      type: String,
-      default: '#'
-    },
-
-    icon: {
-      type: String,
-      default: ''
-    }
-  }
-});
-<% } else if (sfcStyle === 'class') { %>
-import { Vue, Component, Prop } from 'vue-property-decorator';
-
-@Component
-export default class EssentialLink extends Vue {
-  @Prop({ type: String, required: true }) readonly title!: string;
-  @Prop({ type: String, default: '' }) readonly caption!: string;
-  @Prop({ type: String, default: '#' }) readonly link!: string;
-  @Prop({ type: String, default: ''}) readonly icon!: string;
-}
-<% } else if (sfcStyle === 'options') { %>
-import Vue from 'vue';
-
-export default Vue.extend({
-  name: 'EssentialLink',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-
-    caption: {
-      type: String,
-      default: ''
-    },
-
-    link: {
-      type: String,
-      default: '#'
-    },
-
-    icon: {
-      type: String,
-      default: ''
-    }
-  }
-});
-<% } %>
-</script>

package/templates/app/quasar-v1/ts/BASE/src/router/index.ts

@@ -1,27 +0,0 @@
-import { route } from 'quasar/wrappers';
-import VueRouter from 'vue-router';
-<% if (preset.vuex) { %>import { Store } from "vuex";
-import { StateInterface } from '../store';
-<% } %>import routes from './routes';
-
-/*
- * If not building with SSR mode, you can
- * directly export the Router instantiation
- */
-
-export default route<% if (preset.vuex) { %><Store<StateInterface>><% } %>(function ({ Vue }) {
-  Vue.use(VueRouter);
-
-  const Router = new VueRouter({
-    scrollBehavior: () => ({ x: 0, y: 0 }),
-    routes,
-
-    // Leave these as is and change from quasar.conf.js instead!
-    // quasar.conf.js -> build -> vueRouterMode
-    // quasar.conf.js -> build -> publicPath
-    mode: process.env.VUE_ROUTER_MODE,
-    base: process.env.VUE_ROUTER_BASE
-  });
-
-  return Router;
-})

package/templates/app/quasar-v1/ts/BASE/src/router/routes.ts

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

package/templates/app/quasar-v1/ts/BASE/src/shims-vue.d.ts

@@ -1,5 +0,0 @@
-// Mocks all files ending in `.vue` showing them as plain Vue instances
-declare module '*.vue' {
-  import Vue from 'vue';
-  export default Vue;
-}

package/templates/app/quasar-v1/ts/axios/src/boot/axios.ts

@@ -1,13 +0,0 @@
-import axios, { AxiosInstance } from 'axios';
-import { boot } from 'quasar/wrappers';
-
-declare module 'vue/types/vue' {
-  interface Vue {
-    $axios: AxiosInstance;
-  }
-}
-
-export default boot(({ Vue }) => {
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  Vue.prototype.$axios = axios;
-});

package/templates/app/quasar-v1/ts/i18n/src/boot/i18n.ts

@@ -1,23 +0,0 @@
-import { boot } from 'quasar/wrappers';
-import messages from 'src/i18n';
-import Vue from 'vue';
-import VueI18n from 'vue-i18n';
-
-declare module 'vue/types/vue' {
-  interface Vue {
-    i18n: VueI18n;
-  }
-}
-
-Vue.use(VueI18n);
-
-export const i18n = new VueI18n({
-  locale: "en-us",
-  fallbackLocale: "en-us",
-  messages
-});
-
-export default boot(({ app }) => {
-  // Set i18n instance on app
-  app.i18n = i18n;
-});

package/templates/app/quasar-v1/ts/index.js

@@ -1,75 +0,0 @@
-export async function script ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'select',
-      name: 'sfcStyle',
-      message: 'Pick a Vue component style:',
-      initial: 0,
-      choices: [
-        { title: 'Composition API (recommended) (https://github.com/vuejs/composition-api)', value: 'composition' },
-        { title: 'Options API', value: 'options' },
-        { title: 'Class-based (https://github.com/vuejs/vue-class-component & https://github.com/kaorun343/vue-property-decorator)', value: 'class' }
-      ]
-    },
-    {
-      type: 'select',
-      name: 'css',
-      message: 'Pick your CSS preprocessor:',
-      initial: 0,
-      choices: [
-        { title: 'Sass with SCSS syntax', value: 'scss' },
-        { title: 'Sass with indented syntax', value: 'sass' },
-        { title: 'Stylus (deprecated)', value: 'styl' },
-        { title: 'None (the others will still be available)', value: 'css' }
-      ]
-    },
-    {
-      type: 'select',
-      name: 'importStrategy',
-      message: 'Pick a Quasar components & directives import strategy: (can be changed later)',
-      initial: 0,
-      choices: [
-        {
-          title: '* Auto-import in-use Quasar components & directives\n        - also treeshakes Quasar; minimum bundle size',
-          value: 'auto'
-        },
-        {
-          title: '* Import everything from Quasar\n        - not treeshaking Quasar; biggest bundle size',
-          value: 'all'
-        }
-      ]
-    },
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Check the features needed for your project:',
-      choices: [
-        { title: 'ESLint', value: 'lint', description: 'recommended', selected: true },
-        { title: 'Vuex', value: 'vuex' },
-        { title: 'Axios', value: 'axios' },
-        { title: 'Vue-i18n', value: 'i18n' },
-        { title: 'IE11 support', value: 'ie' }
-      ],
-      format: utils.convertArrayToObject
-    },
-    {
-      type: (_, { preset }) => (preset.lint ? 'select' : null),
-      name: 'lintConfig',
-      message: 'Pick an ESLint preset:',
-      choices: [
-        { title: 'Prettier', value: 'prettier', description: 'https://github.com/prettier/prettier' },
-        { title: 'Standard', value: 'standard', description: 'https://github.com/standard/standard' },
-        { title: 'Airbnb', value: 'airbnb', description: 'https://github.com/airbnb/javascript' }
-      ]
-    }
-  ])
-
-  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.vuex) utils.renderTemplate('vuex', scope)
-  if (scope.preset.lint) utils.renderTemplate('lint', scope)
-}

package/templates/app/quasar-v1/ts/lint/_.eslintignore

@@ -1,8 +0,0 @@
-/dist
-/src-bex/www
-/src-capacitor
-/src-cordova
-/.quasar
-/node_modules
-.eslintrc.js
-<% if (preset.lint) { %>/src-ssr<% } %>

package/templates/app/quasar-v1/ts/lint/_.eslintrc.js

@@ -1,141 +0,0 @@
-const { resolve } = require('path');
-
-module.exports = {
-  // https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
-  // This option interrupts the configuration hierarchy at this file
-  // Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
-  root: true,
-
-  // https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
-  // Must use parserOptions instead of "parser" to allow vue-eslint-parser to keep working
-  // `parser: 'vue-eslint-parser'` is already included with any 'plugin:vue/**' config and should be omitted
-  parserOptions: {
-    extraFileExtensions: ['.vue'],
-    parser: '@typescript-eslint/parser',
-    project: resolve(__dirname, './tsconfig.json'),
-    tsconfigRootDir: __dirname,
-    ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module' // Allows for the use of imports
-  },
-
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-    'vue/setup-compiler-macros': true
-  },
-
-  // Rules order is important, please avoid shuffling them
-  extends: [
-    // Base ESLint recommended rules
-    // 'eslint:recommended',
-
-    // https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#usage
-    // ESLint typescript rules
-    'plugin:@typescript-eslint/recommended',
-    // consider disabling this class of rules if linting takes too long
-    'plugin:@typescript-eslint/recommended-requiring-type-checking',
-
-    // Uncomment any of the lines below to choose desired strictness,
-    // but leave only one uncommented!
-    // See https://eslint.vuejs.org/rules/#available-rules (look for Vuejs 2 ones)
-    'plugin:vue/essential', // Priority A: Essential (Error Prevention)
-    // 'plugin:vue/strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
-    // 'plugin:vue/recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
-
-    <% if (lintConfig === 'standard') { %>'standard'
-    <% } else if (lintConfig === 'airbnb') { %>'airbnb-base'
-    <% } else if (lintConfig === 'prettier') { %>// https://github.com/prettier/eslint-config-prettier#installation
-    // usage with Prettier, provided by 'eslint-config-prettier'.
-    'prettier'<% } %>
-  ],
-
-  plugins: [
-    // required to apply rules which need type information
-    '@typescript-eslint',
-
-    // https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-file
-    // required to lint *.vue files
-    'vue',
-
-    <% if (lintConfig === 'prettier') { %>
-    // https://github.com/typescript-eslint/typescript-eslint/issues/389#issuecomment-509292674
-    // Prettier has not been included as plugin to avoid performance impact
-    // add it as an extension for your IDE
-    <% } %>
-  ],
-
-  globals: {
-    ga: 'readonly', // Google Analytics
-    cordova: 'readonly',
-    __statics: 'readonly',
-    process: 'readonly',
-    Capacitor: 'readonly',
-    chrome: 'readonly'
-  },
-
-  // add your custom rules here
-  rules: {
-    <% if (lintConfig === 'standard') { %>
-    // allow async-await
-    'generator-star-spacing': 'off',
-    // allow paren-less arrow functions
-    'arrow-parens': 'off',
-    'one-var': 'off',
-    'no-void': 'off',
-    'multiline-ternary': 'off',
-
-    'import/first': 'off',
-    'import/namespace': 'error',
-    'import/default': 'error',
-    'import/export': 'error',
-    'import/extensions': 'off',
-    'import/no-unresolved': 'off',
-    'import/no-extraneous-dependencies': 'off',
-
-    // The core 'import/named' rules
-    // 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',
-    'max-classes-per-file': 'off',
-
-    'no-shadow': 'off',
-    '@typescript-eslint/no-shadow': 'error',
-
-    'import/first': 'off',
-    'import/namespace': 'error',
-    'import/default': 'error',
-    'import/export': 'error',
-    'import/extensions': 'off',
-    'import/no-unresolved': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'import/prefer-default-export': 'off',
-
-    // The core 'import/named' rules
-    // does not work with type definitions
-    'import/named': 'off',
-    <% } %>
-    'prefer-promise-reject-errors': 'off',
-
-    quotes: ['warn', 'single', { avoidEscape: true }],
-
-    // this rule, if on, would require explicit return type on the `render` function
-    '@typescript-eslint/explicit-function-return-type': 'off',
-
-    // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
-    '@typescript-eslint/no-var-requires': 'off',
-
-    // The core 'no-unused-vars' rules (in the eslint:recommended ruleset)
-    // does not work with type definitions
-    'no-unused-vars': 'off',
-
-    'vue/multi-word-component-names': 'off',
-
-    // allow debugger during development only
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  }
-}

package/templates/app/quasar-v1/ts/styl/_.stylintrc

@@ -1,35 +0,0 @@
-{
-  "blocks": "never",
-  "brackets": "never",
-  "colons": "never",
-  "colors": "always",
-  "commaSpace": "always",
-  "commentSpace": "always",
-  "cssLiteral": "never",
-  "depthLimit": false,
-  "duplicates": true,
-  "efficient": "always",
-  "extendPref": false,
-  "globalDupe": true,
-  "indentPref": 2,
-  "leadingZero": "never",
-  "maxErrors": false,
-  "maxWarnings": false,
-  "mixed": false,
-  "namingConvention": false,
-  "namingConventionStrict": false,
-  "none": "never",
-  "noImportant": false,
-  "parenSpace": "never",
-  "placeholder": false,
-  "prefixVarsWithDollar": "always",
-  "quotePref": "single",
-  "semicolons": "never",
-  "sortOrder": false,
-  "stackedProperties": "never",
-  "trailingWhitespace": "never",
-  "universal": "never",
-  "valid": true,
-  "zeroUnits": "never",
-  "zIndexNormalize": false
-}

package/templates/app/quasar-v1/ts/styl/src/css/app.styl

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