npm - create-quasar - Versions diffs - 1.12.0 → 2.0.0 - Mend

create-quasar 1.12.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (296) hide show

package/templates/ui-kit/{quasar-v1 → quasar-v2}/BASE/ui/dev/src/router/pages.js RENAMED Viewed

@@ -19,7 +19,7 @@ function slugify (str) {
 export default require.context('../pages', true, /^\.\/.*\.vue$/)
   .keys()
   .map(page => page.slice(2).replace('.vue', ''))
-  .filter(page => page !== 'Index')
+  .filter(page => page !== 'Index' && page !== 'Error404')
   .map(page => ({
     file: page,
     title: page + '.vue',

package/templates/ui-kit/{quasar-v1 → quasar-v2}/BASE/ui/dev/src/router/routes.js RENAMED Viewed

@@ -12,6 +12,13 @@ const routes = [
     children: [
       { path: '', component: () => import('pages/Index.vue') }
     ].concat(children)
+  },
+  // Always leave this as last one,
+  // but you can also remove it
+  {
+    path: '/:catchAll(.*)*',
+    component: () => import('pages/Error404.vue')
   }
 ]

package/templates/ui-kit/quasar-v2/BASE/ui/src/index.common.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ export * from './vue-plugin'

package/templates/ui-kit/quasar-v2/BASE/ui/src/index.esm.js ADDED Viewed

@@ -0,0 +1,5 @@
+import * as VuePlugin from './vue-plugin'
+export * from './vue-plugin'
+export default VuePlugin

package/templates/ui-kit/{quasar-v1 → quasar-v2}/BASE/ui/src/index.sass RENAMED Viewed

@@ -1,3 +1,7 @@
 @import 'quasar/src/css/variables.sass'
+<% if (features.component) { %>
 @import './components/Component.sass'
+<% } %>
+<% if (features.directive) { %>
 @import './directives/Directive.sass'
+<% } %>

package/templates/ui-kit/quasar-v2/BASE/ui/src/index.umd.js ADDED Viewed

@@ -0,0 +1,3 @@
+import * as VuePlugin from './vue-plugin'
+export default VuePlugin

package/templates/ui-kit/quasar-v2/BASE/ui/src/vue-plugin.js ADDED Viewed

@@ -0,0 +1,16 @@
+<% if (features.component) { %>import Component from './components/Component'<% } %>
+<% if (features.directive) { %>import Directive from './directives/Directive'<% } %>
+const version = __UI_VERSION__
+function install (app) {
+<% if (features.component) { %>  app.component(Component.name, Component)<% } %>
+<% if (features.directive) { %>  app.directive(Directive.name, Directive)<% } %>
+}
+export {
+  version,
+<% if (features.component) { %>  Component,<% } %>
+<% if (features.directive) { %>  Directive,<% } %>
+  install
+}

package/templates/ui-kit/{quasar-v1 → quasar-v2}/BASE/ui/umd-test.html RENAMED Viewed

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en-US">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,7 +9,7 @@
     <title>UMD test</title>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" rel="stylesheet" type="text/css">
-    <link href="https://cdn.jsdelivr.net/npm/quasar@^1.0.0/dist/quasar.min.css" rel="stylesheet" type="text/css">
+    <link href="https://cdn.jsdelivr.net/npm/quasar@2/dist/quasar.prod.css" rel="stylesheet" type="text/css">
     <link href="dist/index.css" rel="stylesheet" type="text/css">
   </head>
   <body>
@@ -18,7 +18,7 @@
         <q-header class="glossy bg-primary">
           <q-toolbar>
             <q-toolbar-title>
-              quasar-ui-<%= name %> v{{ version }}
+              quasar-ui-qui v{{ version }}
             </q-toolbar-title>
             <div>Quasar v{{ $q.version }}</div>
@@ -38,21 +38,22 @@
       </q-layout>
     </div>
-    <script src="https://cdn.jsdelivr.net/npm/quasar@^1.0.0/dist/quasar.ie.polyfills.umd.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/vue@^2.0.0/dist/vue.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/quasar@^1.0.0/dist/quasar.umd.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/quasar@2/dist/quasar.umd.prod.js"></script>
     <script src="dist/index.umd.js"></script>
     <script>
-      new Vue({
-        el: '#q-app',
-        data: function () {
+      const app = Vue.createApp({
+        setup () {
           return {
             version: <%= umdExportName %>.version
           }
         }
       })
+      app.use(Quasar)
+      app.use(<%= umdExportName %>)
+      app.mount('#q-app')
     </script>
   </body>
 </html>

package/templates/ui-kit/{quasar-v1 → quasar-v2}/ae/app-extension/_package.json RENAMED Viewed

@@ -4,7 +4,7 @@
   "description": "<%= aeDescription %>",
   "author": "<%= author %>",
   "license": "<%= license %>",
-  "main": "src/index.js",
+  "type": "module",
   "dependencies": {
     "quasar-ui-<%= name %>": "latest"
   },

package/templates/ui-kit/quasar-v2/ae/app-extension/src/boot/register.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { boot } from 'quasar/wrappers'
+import VuePlugin from 'quasar-ui-<%= name %>'
+export default boot(({ app }) => {
+  app.use(VuePlugin)
+})

package/templates/ui-kit/{quasar-v1 → quasar-v2}/ae/app-extension/src/index.js RENAMED Viewed

@@ -5,23 +5,35 @@
  * Docs: https://quasar.dev/app-extensions/development-guide/index-api
  */
-function extendConf (conf) {
+function extendConf (conf, api) {
   // register our boot file
   conf.boot.push('~quasar-app-extension-<%= name %>/src/boot/register.js')
-  // make sure app extension files & ui package gets transpiled
-  conf.build.transpileDependencies.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  if (api.hasWebpack) {
+    // make sure app extension files & ui package gets transpiled
+    const transpileTarget = (
+      conf.build.webpackTranspileDependencies // q/app-webpack >= v4
+      || conf.build.transpileDependencies // q/app-webpack v3
+    )
+    transpileTarget.push(/quasar-app-extension-<%= name %>[\\/]src/)
+  }
   // make sure the stylesheet goes through webpack to avoid SSR issues
   conf.css.push('~quasar-ui-<%= name %>/src/index.sass')
 }
-module.exports = function (api) {
+export default function (api) {
   // Quasar compatibility check; you may need
   // hard dependencies, as in a minimum version of the "quasar"
-  // package or a minimum version of "@quasar/app" CLI
-  api.compatibleWith('quasar', '^1.1.1')
-  api.compatibleWith('@quasar/app', '^2.0.0')
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0')
+  }
+  else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
+  }
 <% if (features.component) { %>
   // Uncomment the line below if you provide a JSON API for your component

package/templates/ui-kit/quasar-v2/ae/app-extension/src/templates/_.gitkeep ADDED Viewed

File without changes

package/templates/ui-kit/quasar-v2/ae-install/app-extension/src/install.js ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * Quasar App Extension install script
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/install-api
+ */
+export default function (api) {
+  // Quasar compatibility check; you may need
+  // hard dependencies, as in a minimum version of the "quasar"
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0')
+  }
+  else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0')
+  }
+}

package/templates/ui-kit/{quasar-v1 → quasar-v2}/ae-prompts/app-extension/src/prompts.js RENAMED Viewed

@@ -39,6 +39,6 @@
  */
-module.exports = function () {
+export default function (api) {
   return []
 }

package/templates/ui-kit/{quasar-v1 → quasar-v2}/ae-uninstall/app-extension/src/uninstall.js RENAMED Viewed

@@ -4,6 +4,6 @@
  * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
  */
-module.exports = function (api) {
+export default function (api) {
   //
 }

package/templates/ui-kit/quasar-v2/ui-component/ui/src/components/Component.js ADDED Viewed

@@ -0,0 +1,13 @@
+import { h } from 'vue'
+import { QBadge } from 'quasar'
+export default {
+  name: '<%= componentName %>',
+  setup () {
+    return () => h(QBadge, {
+      class: '<%= componentName %>',
+      label: '<%= componentName %>'
+    })
+  }
+}

package/templates/ui-kit/{quasar-v1 → quasar-v2}/ui-directive/ui/src/directives/Directive.js RENAMED Viewed

@@ -1,7 +1,7 @@
 export default {
   name: '<%= directiveName %>',
-  bind (el) {
+  mounted (el) {
     //
   }
 }

package/utils/index.js CHANGED Viewed

@@ -292,24 +292,12 @@ function ensureOutsideProject () {
   }
 }
-const QUASAR_VERSIONS = [
-  { title: 'Quasar v2 (Vue 3 | latest and greatest)', value: 'v2', description: 'recommended' },
-  { title: 'Quasar v1 (Vue 2)', value: 'v1' }
-]
 const SCRIPT_TYPES = [
   { title: 'Javascript', value: 'js' },
   { title: 'Typescript', value: 'ts' }
 ]
 const commonPrompts = {
-  quasarVersion: {
-    type: 'select',
-    name: 'quasarVersion',
-    message: 'Pick Quasar version:',
-    initial: 0,
-    choices: QUASAR_VERSIONS
-  },
   scriptType: {
     type: 'select',
     name: 'scriptType',

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

@@ -1,19 +0,0 @@
-export async function script ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'text',
-      name: 'name',
-      message: 'Package name:',
-      initial: () => utils.inferPackageName(scope.projectFolderName),
-      validate: (val) =>
-        utils.isValidPackageName(val) || 'Invalid package.json name'
-    },
-    utils.commonPrompts.productName,
-    utils.commonPrompts.description
-  ])
-  await utils.injectAuthor(scope)
-  const { script } = await import(`./${ scope.scriptType }/index.js`)
-  await script({ scope, utils })
-}

package/templates/app/quasar-v1/js/BASE/_.vscode/extensions.json DELETED Viewed

@@ -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/js/BASE/_.vscode/settings.json DELETED Viewed

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

package/templates/app/quasar-v1/js/BASE/_jsconfig.json DELETED Viewed

@@ -1,36 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "src/*": [
-        "src/*"
-      ],
-      "app/*": [
-        "*"
-      ],
-      "components/*": [
-        "src/components/*"
-      ],
-      "layouts/*": [
-        "src/layouts/*"
-      ],
-      "pages/*": [
-        "src/pages/*"
-      ],
-      "assets/*": [
-        "src/assets/*"
-      ],
-      "boot/*": [
-        "src/boot/*"
-      ],
-      "vue$": [
-        "node_modules/vue/dist/vue.esm.js"
-      ]
-    }
-  },
-  "exclude": [
-    "dist",
-    ".quasar",
-    "node_modules"
-  ]
-}

package/templates/app/quasar-v1/js/BASE/_package.json DELETED Viewed

@@ -1,58 +0,0 @@
-{
-  "name": "<%= name %>",
-  "version": "0.0.1",
-  "description": "<%= description %>",
-  "productName": "<%= productName %>",
-  "author": "<%= author %>",
-  "private": true,
-  "scripts": {
-    <% if (preset.lint) { %>"lint": "eslint --ext .js,.vue ./",<% } %>
-    "test": "echo \"No test specified\" && exit 0",
-    "dev": "quasar dev",
-    "build": "quasar build"
-  },
-  "dependencies": {
-    <% 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) { %>
-    "@babel/eslint-parser": "^7.13.14",
-    "eslint": "^8.57.1",
-    "eslint-plugin-vue": "^9.0.0",
-    "eslint-webpack-plugin": "^2.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",
-    <% } } %>
-    "@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/js/BASE/babel.config.js DELETED Viewed

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

package/templates/app/quasar-v1/js/BASE/quasar.conf.js DELETED Viewed

@@ -1,199 +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 */<% } %>
-const ESLintPlugin = require('eslint-webpack-plugin')<% } %>
-module.exports = function (/* ctx */) {
-  return {
-    // https://v1.quasar.dev/quasar-cli/supporting-ts
-    supportTS: false,
-    // 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
-      <% if (preset.lint) { %>chainWebpack (chain) {
-        chain.plugin('eslint-webpack-plugin')
-          .use(ESLintPlugin, [{ extensions: [ 'js', 'vue' ] }])
-      }<% } else { %>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/js/BASE/src/components/EssentialLink.vue DELETED Viewed

@@ -1,49 +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>
-export default {
-  name: 'EssentialLink',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-    caption: {
-      type: String,
-      default: ''
-    },
-    link: {
-      type: String,
-      default: '#'
-    },
-    icon: {
-      type: String,
-      default: ''
-    }
-  }
-}
-</script>