create-quasar 1.11.7 → 1.12.0

package/templates/app/quasar-v2/ts-webpack-3/BASE/src/router/index.ts

@@ -1,38 +0,0 @@
-import { route } from 'quasar/wrappers';
-import {
-  createMemoryHistory,
-  createRouter,
-  createWebHashHistory,
-  createWebHistory,
-} from 'vue-router';
-<% if (preset.vuex) { %>import { StateInterface } from '../store';
-<% } %>import routes from './routes';
-
-/*
- * If not building with SSR mode, you can
- * directly export the Router instantiation;
- *
- * The function below can be async too; either use
- * async/await or return a Promise which resolves
- * with the Router instance.
- */
-
-export default route<% if (preset.vuex) { %><StateInterface><% } %>(function (/* { store, ssrContext } */) {
-  const createHistory = process.env.SERVER
-    ? createMemoryHistory
-    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
-
-  const Router = createRouter({
-    scrollBehavior: () => ({ left: 0, top: 0 }),
-    routes,
-
-    // Leave this as is and make changes in quasar.conf.js instead!
-    // quasar.conf.js -> build -> vueRouterMode
-    // quasar.conf.js -> build -> publicPath
-    history: createHistory(
-      process.env.VUE_ROUTER_BASE
-    ),
-  });
-
-  return Router;
-});

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

@@ -1,18 +0,0 @@
-import { 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-3/BASE/src/shims-vue.d.ts

@@ -1,8 +0,0 @@
-/* eslint-disable */
-
-// Mocks all files ending in `.vue` showing them as plain Vue instances
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

package/templates/app/quasar-v2/ts-webpack-3/axios/src/boot/axios.ts

@@ -1,31 +0,0 @@
-import { boot } from 'quasar/wrappers';
-import axios, { AxiosInstance } from 'axios';
-
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $axios: AxiosInstance;
-    $api: AxiosInstance;
-  }
-}
-
-// Be careful when using SSR for cross-request state pollution
-// due to creating a Singleton instance here;
-// If any client changes this (global) instance, it might be a
-// good idea to move this instance creation inside of the
-// "export default () => {}" function below (which runs individually
-// for each client)
-const api = axios.create({ baseURL: 'https://api.example.com' });
-
-export default boot(({ app }) => {
-  // for use inside Vue files (Options API) through this.$axios and this.$api
-
-  app.config.globalProperties.$axios = axios;
-  // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
-  //       so you won't necessarily have to import axios in each vue file
-
-  app.config.globalProperties.$api = api;
-  // ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
-  //       so you can easily perform requests against your app's API
-});
-
-export { api };

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

@@ -1 +0,0 @@
-/* app global css */

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

@@ -1,33 +0,0 @@
-import { boot } from 'quasar/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-interface */
-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-interface */
-
-export default boot(({ 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-3/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-3/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-3/index.js

@@ -1,55 +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: 'lint', description: 'recommended', selected: true },
-        { title: 'State Management (Pinia)', value: 'pinia', description: 'https://pinia.vuejs.org' },
-        { title: 'State Management (Vuex) [DEPRECATED by Vue Team]', value: 'vuex', description: 'See https://vuejs.org/guide/scaling-up/state-management.html#pinia' },
-        { title: 'axios', value: 'axios' },
-        { title: 'vue-i18n', value: 'i18n' }
-      ],
-      format: values => {
-        let result = values
-
-        if (values.includes('vuex') && values.includes('pinia')) {
-          console.log()
-          utils.logger.warn('Only one state management package can be used. Picking the recommended Pinia and dropping Vuex.')
-          console.log()
-
-          result = values.filter(entry => entry !== 'vuex')
-        }
-
-        return utils.convertArrayToObject(result)
-      }
-    },
-    {
-      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.lint) {
-    utils.renderTemplate('lint', scope)
-    if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate('prettier', scope)
-    }
-  }
-
-  if (scope.preset.pinia) utils.renderTemplate('pinia', scope)
-  else if (scope.preset.vuex) utils.renderTemplate('vuex', scope)
-}

package/templates/app/quasar-v2/ts-webpack-3/lint/_.eslintignore

@@ -1,10 +0,0 @@
-/dist
-/src-bex/www
-/src-capacitor
-/src-cordova
-/.quasar
-/node_modules
-.eslintrc.cjs
-babel.config.cjs
-/src-ssr
-/quasar.config.*.temporary.compiled*

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

@@ -1,134 +0,0 @@
-
-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: {
-    parser: require.resolve('@typescript-eslint/parser'),
-    extraFileExtensions: [ '.vue' ]
-  },
-
-  env: {
-    browser: true,
-    es2021: true,
-    node: 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',
-
-    // Uncomment any of the lines below to choose desired strictness,
-    // but leave only one uncommented!
-    // See https://eslint.vuejs.org/rules/#available-rules
-    'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
-    // 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
-    // 'plugin:vue/vue3-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-files
-    // 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',
-    __QUASAR_SSR__: 'readonly',
-    __QUASAR_SSR_SERVER__: 'readonly',
-    __QUASAR_SSR_CLIENT__: 'readonly',
-    __QUASAR_SSR_PWA__: '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',
-
-    // allow debugger during development only
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  }
-}

package/templates/app/quasar-v2/ts-webpack-3/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-3/pinia/src/stores/index.ts

@@ -1,32 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { createPinia } from 'pinia'
-import { Router } from 'vue-router';
-
-/*
- * 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' {
-  export interface PiniaCustomProperties {
-    readonly router: Router;
-  }
-}
-
-/*
- * 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 store((/* { ssrContext } */) => {
-  const pinia = createPinia()
-
-  // You can add Pinia plugins here
-  // pinia.use(SomePiniaPlugin)
-
-  return pinia
-})

package/templates/app/quasar-v2/ts-webpack-3/pinia/src/stores/store-flag.d.ts

@@ -1,13 +0,0 @@
-/*
-  WARNING: DO NOT MODIFY OR DELETE
-  This file is auto-generated by Quasar CLI
-  It's recommended to NOT .gitignore it
-  You don't have to use TypeScript in your project, don't worry
-*/
-import "quasar/dist/types/feature-flag.d.ts";
-
-declare module "quasar/dist/types/feature-flag.d.ts" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}

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

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": true
-}

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

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

package/templates/app/quasar-v2/ts-webpack-3/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-3/scss/src/css/app.scss

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

package/templates/app/quasar-v2/ts-webpack-3/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/app/quasar-v2/ts-webpack-3/vuex/src/store/index.ts

@@ -1,63 +0,0 @@
-import { store } from 'quasar/wrappers'
-import { InjectionKey } from 'vue'
-import { Router } from 'vue-router'
-import {
-  createStore,
-  Store as VuexStore,
-  useStore as vuexUseStore,
-} from 'vuex'
-
-// import example from './module-example'
-// import { ExampleStateInterface } from './module-example/state';
-
-/*
- * 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 interface StateInterface {
-  // Define your own store structure, using submodules if needed
-  // example: ExampleStateInterface;
-  // Declared as unknown to avoid linting issue. Best to strongly type as per the line above.
-  example: unknown
-}
-
-// provide typings for `this.$store`
-declare module 'vue' {
-  interface ComponentCustomProperties {
-    $store: VuexStore<StateInterface>
-  }
-}
-
-// provide typings for `useStore` helper
-export const storeKey: InjectionKey<VuexStore<StateInterface>> = Symbol('vuex-key')
-
-// Provide typings for `this.$router` inside Vuex stores
-declare module "vuex" {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  export interface Store<S> {
-    readonly $router: Router;
-  }
-}
-
-export default store(function (/* { ssrContext } */) {
-  const Store = createStore<StateInterface>({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode and --debug builds only
-    strict: !!process.env.DEBUGGING
-  })
-
-  return Store;
-})
-
-export function useStore() {
-  return vuexUseStore(storeKey)
-}

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/module-example/actions.ts

@@ -1,11 +0,0 @@
-import { ActionTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const actions: ActionTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default actions;

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/module-example/getters.ts

@@ -1,11 +0,0 @@
-import { GetterTree } from 'vuex';
-import { StateInterface } from '../index';
-import { ExampleStateInterface } from './state';
-
-const getters: GetterTree<ExampleStateInterface, StateInterface> = {
-  someAction (/* context */) {
-    // your code
-  }
-};
-
-export default getters;

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/module-example/index.ts

@@ -1,16 +0,0 @@
-import { Module } from 'vuex';
-import { StateInterface } from '../index';
-import state, { ExampleStateInterface } from './state';
-import actions from './actions';
-import getters from './getters';
-import mutations from './mutations';
-
-const exampleModule: Module<ExampleStateInterface, StateInterface> = {
-  namespaced: true,
-  actions,
-  getters,
-  mutations,
-  state
-};
-
-export default exampleModule;

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/module-example/mutations.ts

@@ -1,10 +0,0 @@
-import { MutationTree } from 'vuex';
-import { ExampleStateInterface } from './state';
-
-const mutation: MutationTree<ExampleStateInterface> = {
-  someMutation (/* state: ExampleStateInterface */) {
-    // your code
-  }
-};
-
-export default mutation;

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/module-example/state.ts

@@ -1,11 +0,0 @@
-export interface ExampleStateInterface {
-  prop: boolean;
-}
-
-function state(): ExampleStateInterface {
-  return {
-    prop: false
-  }
-}
-
-export default state;

package/templates/app/quasar-v2/ts-webpack-3/vuex/src/store/store-flag.d.ts

@@ -1,13 +0,0 @@
-/*
-  WARNING: DO NOT MODIFY OR DELETE
-  This file is auto-generated by Quasar CLI
-  It's recommended to NOT .gitignore it
-  You don't have to use TypeScript in your project, don't worry
-*/
-import "quasar/dist/types/feature-flag.d.ts";
-
-declare module "quasar/dist/types/feature-flag.d.ts" {
-  interface QuasarFeatureFlags {
-    store: true;
-  }
-}

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

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