create-quasar 1.12.0 → 2.0.1

package/templates/app/quasar-v1/js/BASE/src/layouts/MainLayout.vue

@@ -1,109 +0,0 @@
-<template>
-  <q-layout view="lHh Lpr lFf">
-    <q-header elevated>
-      <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="leftDrawerOpen = !leftDrawerOpen"
-        />
-
-        <q-toolbar-title>
-          Quasar App
-        </q-toolbar-title>
-
-        <div>Quasar v{{ $q.version }}</div>
-      </q-toolbar>
-    </q-header>
-
-    <q-drawer
-      v-model="leftDrawerOpen"
-      show-if-above
-      bordered
-      content-class="bg-grey-1"
-    >
-      <q-list>
-        <q-item-label
-          header
-          class="text-grey-8"
-        >
-          Essential Links
-        </q-item-label>
-        <EssentialLink
-          v-for="link in essentialLinks"
-          :key="link.title"
-          v-bind="link"
-        />
-      </q-list>
-    </q-drawer>
-
-    <q-page-container>
-      <router-view />
-    </q-page-container>
-  </q-layout>
-</template>
-
-<script>
-import EssentialLink from 'components/EssentialLink.vue'
-
-const linksData = [
-  {
-    title: 'Docs',
-    caption: 'quasar.dev',
-    icon: 'school',
-    link: 'https://quasar.dev'
-  },
-  {
-    title: 'Github',
-    caption: 'github.com/quasarframework',
-    icon: 'code',
-    link: 'https://github.com/quasarframework'
-  },
-  {
-    title: 'Discord Chat Channel',
-    caption: 'chat.quasar.dev',
-    icon: 'chat',
-    link: 'https://chat.quasar.dev'
-  },
-  {
-    title: 'Forum',
-    caption: 'forum.quasar.dev',
-    icon: 'record_voice_over',
-    link: 'https://forum.quasar.dev'
-  },
-  {
-    title: 'Twitter',
-    caption: '@quasarframework',
-    icon: 'rss_feed',
-    link: 'https://twitter.quasar.dev'
-  },
-  {
-    title: 'Facebook',
-    caption: '@QuasarFramework',
-    icon: 'public',
-    link: 'https://facebook.quasar.dev'
-  },
-  {
-    title: 'Quasar Awesome',
-    caption: 'Community Quasar projects',
-    icon: 'favorite',
-    link: 'https://awesome.quasar.dev'
-  }
-]
-
-export default {
-  name: 'MainLayout',
-  components: {
-    EssentialLink
-  },
-  data () {
-    return {
-      leftDrawerOpen: false,
-      essentialLinks: linksData
-    }
-  }
-}
-</script>

package/templates/app/quasar-v1/js/BASE/src/pages/Index.vue

@@ -1,15 +0,0 @@
-<template>
-  <q-page class="flex flex-center">
-    <img
-      alt="Quasar logo"
-      src="~assets/quasar-logo-vertical.svg"
-      style="width: 200px; height: 200px"
-    >
-  </q-page>
-</template>
-
-<script>
-export default {
-  name: 'PageIndex'
-}
-</script>

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

@@ -1,30 +0,0 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-
-import routes from './routes'
-
-Vue.use(VueRouter)
-
-/*
- * 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 function (/* { store, ssrContext } */) {
-  const Router = new VueRouter({
-    scrollBehavior: () => ({ x: 0, y: 0 }),
-    routes,
-
-    // Leave these as they are and change in 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/js/axios/src/boot/axios.js

@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import axios from 'axios'
-
-Vue.prototype.$axios = axios

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

@@ -1,18 +0,0 @@
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
-import messages from 'src/i18n'
-
-Vue.use(VueI18n)
-
-const i18n = new VueI18n({
-  locale: 'en-us',
-  fallbackLocale: 'en-us',
-  messages
-})
-
-export default ({ app }) => {
-  // Set i18n instance on app
-  app.i18n = i18n
-}
-
-export { i18n }

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

@@ -1,64 +0,0 @@
-export async function script ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      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/js/lint/_.eslintignore

@@ -1,7 +0,0 @@
-/dist
-/src-bex/www
-/src-capacitor
-/src-cordova
-/.quasar
-/node_modules
-.eslintrc.js

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

@@ -1,102 +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,
-
-  parserOptions: {
-    parser: '@babel/eslint-parser',
-    ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module' // Allows for the use of imports
-  },
-
-  env: {
-    browser: true,
-    'vue/setup-compiler-macros': true
-  },
-
-  // Rules order is important, please avoid shuffling them
-  extends: [
-    // Base ESLint recommended rules
-    // '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 (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: [
-    // 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/named': 'error',
-    'import/namespace': 'error',
-    'import/default': 'error',
-    'import/export': 'error',
-    'import/extensions': 'off',
-    'import/no-unresolved': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    <% }
-      else if (lintConfig === 'airbnb') { %>
-    'no-param-reassign': 'off',
-    'no-void': 'off',
-    'no-nested-ternary': 'off',
-    'max-classes-per-file': 'off',
-
-    'import/first': 'off',
-    'import/named': 'error',
-    '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',
-    <% } %>
-    'prefer-promise-reject-errors': '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/js/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/js/styl/src/css/app.styl

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

package/templates/app/quasar-v1/js/styl/src/css/quasar.variables.styl

@@ -1,24 +0,0 @@
-// Quasar Stylus Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Stylus variables found in Quasar's source Stylus 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/.styl 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
-
-$positive  = #21BA45
-$negative  = #C10015
-$info      = #31CCEC
-$warning   = #F2C037

package/templates/app/quasar-v1/js/vuex/src/store/index.js

@@ -1,29 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-// import example from './module-example'
-
-Vue.use(Vuex)
-
-/*
- * 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 function (/* { ssrContext } */) {
-  const Store = new Vuex.Store({
-    modules: {
-      // example
-    },
-
-    // enable strict mode (adds overhead!)
-    // for dev mode only
-    strict: process.env.DEBUGGING
-  })
-
-  return Store
-}

package/templates/app/quasar-v1/js/vuex/src/store/module-example/actions.js

@@ -1,2 +0,0 @@
-export function someAction (/* context */) {
-}

package/templates/app/quasar-v1/js/vuex/src/store/module-example/getters.js

@@ -1,2 +0,0 @@
-export function someGetter (/* state */) {
-}

package/templates/app/quasar-v1/js/vuex/src/store/module-example/index.js

@@ -1,12 +0,0 @@
-import state from './state'
-import * as getters from './getters'
-import * as mutations from './mutations'
-import * as actions from './actions'
-
-export default {
-  namespaced: true,
-  getters,
-  mutations,
-  actions,
-  state
-}

package/templates/app/quasar-v1/js/vuex/src/store/module-example/mutations.js

@@ -1,2 +0,0 @@
-export function someMutation (/* state */) {
-}

package/templates/app/quasar-v1/js/vuex/src/store/module-example/state.js

@@ -1,5 +0,0 @@
-export default function () {
-  return {
-    //
-  }
-}

package/templates/app/quasar-v1/ts/BASE/_.vscode/extensions.json

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

package/templates/app/quasar-v1/ts/BASE/_.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  <% if (preset.lint) { %>"vetur.validation.template": false,
-  "vetur.format.enable": false,
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],<% } %>
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "vetur.experimental.templateInterpolationService": true
-}

package/templates/app/quasar-v1/ts/BASE/_package.json

@@ -1,63 +0,0 @@
-{
-  "name": "<%= name %>",
-  "version": "0.0.1",
-  "description": "<%= description %>",
-  "productName": "<%= productName %>",
-  "author": "<%= author %>",
-  "private": true,
-  "scripts": {
-    <% if (preset.lint) { %>"lint": "eslint --ext .js,.ts,.vue ./",<% } %>
-    "test": "echo \"No test specified\" && exit 0",
-    "dev": "quasar dev",
-    "build": "quasar build"
-  },
-  "dependencies": {
-    <% if (sfcStyle === 'class') { %>
-    "vue-class-component": "^7.2.2",
-    "vue-property-decorator": "^8.3.0",
-    <% } %>
-    <% if (preset.axios) { %>"axios": "^1.2.1",<% } %>
-    <% if (preset.i18n) { %>"vue-i18n": "^8.0.0",<% } %>
-    "@quasar/extras": "^1.16.4",
-    "core-js": "^3.6.5",
-    "quasar": "^1.0.0"
-  },
-  "devDependencies": {
-    <% if (preset.lint) { %>
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
-    "eslint": "^8.57.1",
-    "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": "^2.0.0"
-  },
-  "browserslist": [
-    <% if (preset.ie) { %>"ie >= 11",<% } %>
-    "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": ">= 10.18.1",
-    "npm": ">= 6.13.4",
-    "yarn": ">= 1.21.1"
-  }
-}

package/templates/app/quasar-v1/ts/BASE/_tsconfig.json

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

package/templates/app/quasar-v1/ts/BASE/babel.config.js

@@ -1,7 +0,0 @@
-/* eslint-env node */
-
-module.exports = {
-  presets: [
-    '@quasar/babel-preset-app'
-  ]
-}