create-quasar 1.2.1 → 1.3.0

package/templates/app/quasar-v2/ts-vite-beta/vuex/src/store/index.ts

@@ -0,0 +1,62 @@
+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/runtime-core' {
+  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" {
+   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-vite-beta/vuex/src/store/module-example/actions.ts

@@ -0,0 +1,11 @@
+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-vite-beta/vuex/src/store/module-example/getters.ts

@@ -0,0 +1,11 @@
+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-vite-beta/vuex/src/store/module-example/index.ts

@@ -0,0 +1,16 @@
+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-vite-beta/vuex/src/store/module-example/mutations.ts

@@ -0,0 +1,10 @@
+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-vite-beta/vuex/src/store/module-example/state.ts

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

package/templates/app/quasar-v2/ts-vite-beta/vuex/src/store/store-flag.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
+//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
+import "quasar/dist/types/feature-flag";
+
+declare module "quasar/dist/types/feature-flag" {
+  interface QuasarFeatureFlags {
+    store: true;
+  }
+}

package/templates/app/quasar-v2/ts-webpack/BASE/_.gitignore

@@ -5,6 +5,7 @@ node_modules
 # Quasar core related directories
 .quasar
 /dist
+/quasar.config.*.temporary.compiled*
 
 # Cordova related directories and files
 /src-cordova/node_modules
@@ -31,3 +32,6 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
+
+# local .env files
+.env.local*

package/templates/app/quasar-v2/ts-webpack/BASE/_package.json

@@ -19,7 +19,7 @@
     <% if (preset.i18n) { %>"vue-i18n": "^9.2.2",<% } %>
     <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
     <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
-    "@quasar/extras": "^1.0.0",
+    "@quasar/extras": "^1.16.4",
     "core-js": "^3.6.5",
     "quasar": "^2.6.0",
     "vue": "^3.0.0",

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

@@ -4,6 +4,7 @@ import axios, { AxiosInstance } from 'axios';
 declare module '@vue/runtime-core' {
   interface ComponentCustomProperties {
     $axios: AxiosInstance;
+    $api: AxiosInstance;
   }
 }
 

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

@@ -7,3 +7,4 @@
 .eslintrc.js
 babel.config.js
 /src-ssr
+/quasar.config.*.temporary.compiled*

package/templates/app/quasar-v2/ts-webpack-beta/.eslintrc.js

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

package/templates/app/quasar-v2/ts-webpack-beta/BASE/README.md

@@ -0,0 +1,41 @@
+# <%= productName %> (<%= name %>)
+
+<%= description %>
+
+## Install the dependencies
+```bash
+yarn
+# or
+npm install
+```
+
+### Start the app in development mode (hot-code reloading, error reporting, etc.)
+```bash
+quasar dev
+```
+<% if (preset.lint) { %>
+
+### Lint the files
+```bash
+yarn lint
+# or
+npm run lint
+```
+<% if (lintConfig === 'prettier') { %>
+
+### Format the files
+```bash
+yarn format
+# or
+npm run format
+```
+<% } %>
+<% } %>
+
+### Build the app for production
+```bash
+quasar build
+```
+
+### Customize the configuration
+See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js).

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_.gitignore

@@ -0,0 +1,37 @@
+.DS_Store
+.thumbs.db
+node_modules
+
+# Quasar core related directories
+.quasar
+/dist
+/quasar.config.*.temporary.compiled*
+
+# Cordova related directories and files
+/src-cordova/node_modules
+/src-cordova/platforms
+/src-cordova/plugins
+/src-cordova/www
+
+# Capacitor related directories and files
+/src-capacitor/www
+/src-capacitor/node_modules
+
+# BEX related directories and files
+/src-bex/www
+/src-bex/js/core
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+
+# local .env files
+.env.local*

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_.npmrc

@@ -0,0 +1,3 @@
+# pnpm-related options
+shamefully-hoist=true
+strict-peer-dependencies=false

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_.vscode/extensions.json

@@ -0,0 +1,15 @@
+{
+  "recommendations": [
+    <% if (preset.lint) { %>"dbaeumer.vscode-eslint",
+    <% if (lintConfig === 'prettier') { %>"esbenp.prettier-vscode",<% } } %>
+    "editorconfig.editorconfig",
+    "vue.volar",
+    "wayou.vscode-todo-highlight"
+  ],
+  "unwantedRecommendations": [
+    "octref.vetur",
+    "hookyqr.beautify",
+    "dbaeumer.jshint",
+    "ms-vscode.vscode-typescript-tslint-plugin"
+  ]
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "editor.bracketPairColorization.enabled": true,
+  "editor.guides.bracketPairs": true,<% if (preset.lint) { %>
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": <% if (lintConfig === 'prettier') { %>"esbenp.prettier-vscode"<% } else { %>"dbaeumer.vscode-eslint"<% } %>,
+  "editor.codeActionsOnSave": [
+    "source.fixAll.eslint"
+  ],
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],<% } %>
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_package.json

@@ -0,0 +1,65 @@
+{
+  "name": "<%= name %>",
+  "version": "0.0.1",
+  "description": "<%= description %>",
+  "productName": "<%= productName %>",
+  "author": "<%= author %>",
+  "private": true,
+  "scripts": {
+    <% if (preset.lint) { %>"lint": "eslint --ext .js,.ts,.vue ./",
+    <% if (lintConfig === 'prettier') { %>"format": "prettier --write \"**/*.{js,ts,vue,<% if (css !== 'sass') { %><%= css %><% } %>,html,md,json}\" --ignore-path .gitignore",<% } %>
+    <% } %>
+    "test": "echo \"No test specified\" && exit 0",
+    "dev": "quasar dev",
+    "build": "quasar build"
+  },
+  "dependencies": {
+    <% if (typescriptConfig === 'class') { %>"vue-class-component": "^8.0.0-rc.1",<% } %>
+    <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
+    <% if (preset.i18n) { %>"vue-i18n": "^9.2.2",<% } %>
+    <% if (preset.pinia) { %>"pinia": "^2.0.11",<% } %>
+    <% if (preset.vuex) { %>"vuex": "^4.0.1",<% } %>
+    "@quasar/extras": "^1.16.4",
+    "core-js": "^3.6.5",
+    "quasar": "^2.6.0",
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0"
+  },
+  "devDependencies": {
+    <% if (preset.lint) { %>
+    "@typescript-eslint/eslint-plugin": "^5.10.0",
+    "@typescript-eslint/parser": "^5.10.0",
+    "eslint": "^8.10.0",
+    "eslint-plugin-vue": "^9.0.0",
+    <% if (lintConfig === 'standard') { %>
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.19.1",
+    "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-promise": "^6.0.0",
+    <% } else if (lintConfig === 'airbnb') { %>
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-import": "^2.20.1",
+    <% } else if (lintConfig === 'prettier') { %>
+    "eslint-config-prettier": "^8.1.0",
+    "prettier": "^2.5.1",
+    <% } } %>
+    "@types/node": "^12.20.21",
+    "@quasar/app-webpack": "^4.0.0-alpha.0"
+  },
+  "browserslist": [
+    "last 10 Chrome versions",
+    "last 10 Firefox versions",
+    "last 4 Edge versions",
+    "last 7 Safari versions",
+    "last 8 Android versions",
+    "last 8 ChromeAndroid versions",
+    "last 8 FirefoxAndroid versions",
+    "last 10 iOS versions",
+    "last 5 Opera versions"
+  ],
+  "engines": {
+    "node": ">= 12.22.1",
+    "npm": ">= 6.13.4",
+    "yarn": ">= 1.21.1"
+  }
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/_tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@quasar/app-webpack/tsconfig-preset",
+  "compilerOptions": {
+    "baseUrl": "."<% if (typescriptConfig === 'class') { %>,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": true<% } %>
+  }
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/babel.config.cjs

@@ -0,0 +1,14 @@
+/* eslint-disable */
+
+module.exports = api => {
+  return {
+    presets: [
+      [
+        '@quasar/babel-preset-app',
+        api.caller(caller => caller && caller.target === 'node')
+          ? { targets: { node: 'current' } }
+          : {}
+      ]
+    ]
+  }
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/postcss.config.cjs

@@ -0,0 +1,9 @@
+/* eslint-disable */
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  plugins: [
+    // to edit target browsers: use "browserslist" field in package.json
+    require('autoprefixer')
+  ]
+}

package/templates/app/quasar-v2/ts-webpack-beta/BASE/quasar.config.ts

@@ -0,0 +1,230 @@
+/* eslint-env node */
+
+// Configuration for your app
+// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
+
+<% if (preset.lint) { %>
+/* eslint-disable @typescript-eslint/no-var-requires */
+<% if (lintConfig === 'airbnb') { %>
+/* eslint func-names: 0 */
+/* eslint global-require: 0 */
+<% } %>
+<% } %>
+import { configure } from 'quasar/wrappers';
+
+export default configure((ctx) => {
+  return {
+    // https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
+    // preFetch: true,
+
+    // app boot file (/src/boot)
+    // --> boot files are part of "main.js"
+    // https://v2.quasar.dev/quasar-cli-webpack/boot-files
+    boot: [
+      <% if (preset.i18n) { %>'i18n',<% } %>
+      <% if (preset.axios) { %>'axios',<% } %>
+    ],
+
+    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-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://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
+    build: {
+      <% if (preset.lint) { %>
+      tsCheckerOptions: {
+        eslint: {
+          enabled: true,
+          files: './src/**/*.{ts,tsx,js,jsx,vue}',
+        },
+      },
+
+      <% } %>
+      vueRouterMode: 'hash', // available values: 'hash', 'history'
+
+      // transpile: false,
+      // publicPath: '/',
+
+      // 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: true, // https://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://v2.quasar.dev/quasar-cli-webpack/handling-webpack
+      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
+      // chainWebpack (/* chain */) {}
+    },
+
+    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
+    devServer: {
+      server: {
+        type: 'http'
+      },
+      port: 8080,
+      open: true // opens browser window automatically
+    },
+
+    // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
+    framework: {
+      config: {},
+
+      // iconSet: 'material-icons', // Quasar icon set
+      // lang: 'en-US', // Quasar language pack
+
+      // For special cases outside of where the auto-import strategy 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://quasar.dev/options/animations
+    animations: [],
+
+    // https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
+    ssr: {
+      pwa: false,
+
+      // manualStoreHydration: true,
+      // manualPostHydrationTrigger: true,
+
+      prodPort: 3000, // The default port that the production server should use
+                      // (gets superseded if process.env.PORT is specified at runtime)
+
+      maxAge: 1000 * 60 * 60 * 24 * 30,
+        // Tell browser when a file from the server should expire from cache (in ms)
+
+      // chainWebpackWebserver (/* chain */) {},
+
+      middlewares: [
+        ctx.prod ? 'compression' : '',
+        'render' // keep this as last one
+      ]
+    },
+
+    // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
+    pwa: {
+      workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
+      workboxOptions: {}, // only for GenerateSW
+
+      // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
+      // if using workbox in InjectManifest mode
+      // chainWebpackCustomSW (/* chain */) {},
+
+      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://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
+    cordova: {
+      // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
+    },
+
+    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
+    capacitor: {
+      hideSplashscreen: true
+    },
+
+    // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
+    electron: {
+      // specify the debugging port to use for the Electron app when running in development mode
+      inspectPort: 5858,
+
+      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 %>'
+      },
+
+      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
+      chainWebpackMain (/* chain */) {
+        // do something with the Electron main process Webpack cfg
+        // extendWebpackMain also available besides this chainWebpackMain
+      },
+
+      // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
+      chainWebpackPreload (/* chain */) {
+        // do something with the Electron main process Webpack cfg
+        // extendWebpackPreload also available besides this chainWebpackPreload
+      }
+    }
+  }
+});