create-quasar 1.7.0 → 1.8.1

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

@@ -1,97 +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>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-export interface EssentialLinkProps {
-  title: string;
-  caption?: string;
-  link?: string;
-  icon?: string;
-}
-withDefaults(defineProps<EssentialLinkProps>(), {
-  caption: '',
-  link: '#',
-  icon: '',
-});<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-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 (typescriptConfig === 'options') { %><script lang="ts">
-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 (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue, prop, Options } from 'vue-class-component';
-
-class Props {
-  readonly title!: string;
-  readonly caption = prop({ default: '' });
-  readonly link = prop({ default: '#' });
-  readonly icon = prop({ default: '' });
-}
-
-@Options({})
-export default class EssentialLink extends Vue.with(Props) {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-vite/BASE/src/pages/ErrorNotFound.vue

@@ -1,40 +0,0 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
-</template>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'options') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue } from 'vue-class-component';
-
-export default class ErrorNotFound extends Vue {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-vite/index.js

@@ -1,78 +0,0 @@
-export async function script ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'select',
-      name: 'typescriptConfig',
-      message: 'Pick a Vue component style:',
-      initial: 0,
-      choices: [
-        { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
-        { title: 'Options API', value: 'options' },
-        { title: 'Class-based', value: 'class', description: 'DEPRECATED; see https://github.com/quasarframework/quasar/discussions/11204', disabled: true }
-      ]
-    },
-    {
-      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: 'None (the others will still be available)', value: 'css' }
-      ]
-    },
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Check the features needed for your project:',
-      choices: [
-        { title: 'Linting (vite-plugin-checker + ESLint + vue-tsc)', 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(utils.join(import.meta.url, 'BASE'), scope)
-  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
-
-  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
-  if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
-    if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
-    }
-  }
-
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
-}

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

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

package/templates/app/quasar-v2/ts-vite-beta/BASE/src/App.vue

@@ -1,20 +0,0 @@
-<template>
-  <router-view />
-</template>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'App'
-});<% } else if (typescriptConfig === 'options') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'App'
-});<% } else if (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue } from 'vue-class-component'
-
-export default class App extends Vue {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-vite-beta/BASE/src/components/EssentialLink.vue

@@ -1,97 +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>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-export interface EssentialLinkProps {
-  title: string;
-  caption?: string;
-  link?: string;
-  icon?: string;
-}
-withDefaults(defineProps<EssentialLinkProps>(), {
-  caption: '',
-  link: '#',
-  icon: '',
-});<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-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 (typescriptConfig === 'options') { %><script lang="ts">
-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 (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue, prop, Options } from 'vue-class-component';
-
-class Props {
-  readonly title!: string;
-  readonly caption = prop({ default: '' });
-  readonly link = prop({ default: '#' });
-  readonly icon = prop({ default: '' });
-}
-
-@Options({})
-export default class EssentialLink extends Vue.with(Props) {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-vite-beta/BASE/src/pages/ErrorNotFound.vue

@@ -1,40 +0,0 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
-</template>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'options') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue } from 'vue-class-component';
-
-export default class ErrorNotFound extends Vue {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-vite-beta/index.js

@@ -1,78 +0,0 @@
-export async function script ({ scope, utils }) {
-  await utils.prompts(scope, [
-    {
-      type: 'select',
-      name: 'typescriptConfig',
-      message: 'Pick a Vue component style:',
-      initial: 0,
-      choices: [
-        { title: 'Composition API with <script setup>', value: 'composition-setup', description: 'recommended' },
-        { title: 'Composition API', value: 'composition', description: 'recommended' },
-        { title: 'Options API', value: 'options' },
-        { title: 'Class-based', value: 'class', description: 'DEPRECATED; see https://github.com/quasarframework/quasar/discussions/11204', disabled: true }
-      ]
-    },
-    {
-      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: 'None (the others will still be available)', value: 'css' }
-      ]
-    },
-    {
-      type: 'multiselect',
-      name: 'preset',
-      message: 'Check the features needed for your project:',
-      choices: [
-        { title: 'Linting (vite-plugin-checker + ESLint + vue-tsc)', 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(utils.join(import.meta.url, 'BASE'), scope)
-  utils.renderTemplate(utils.join(import.meta.url, scope.css), scope)
-
-  if (scope.preset.axios) utils.renderTemplate(utils.join(import.meta.url, 'axios'), scope)
-  if (scope.preset.i18n) utils.renderTemplate(utils.join(import.meta.url, 'i18n'), scope)
-  if (scope.preset.lint) {
-    utils.renderTemplate(utils.join(import.meta.url, 'lint'), scope)
-    if (scope.lintConfig === 'prettier') {
-      utils.renderTemplate(utils.join(import.meta.url, 'prettier'), scope)
-    }
-  }
-
-  if (scope.preset.pinia) utils.renderTemplate(utils.join(import.meta.url, 'pinia'), scope)
-  else if (scope.preset.vuex) utils.renderTemplate(utils.join(import.meta.url, 'vuex'), scope)
-}

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

@@ -1,37 +0,0 @@
-.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/BASE/_tsconfig.json

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

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

@@ -1,20 +0,0 @@
-<template>
-  <router-view />
-</template>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'App'
-})<% } else if (typescriptConfig === 'options') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'App'
-})<% } else if (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue } from 'vue-class-component';
-
-export default class App extends Vue {}<% } %>
-</script>

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

@@ -1,97 +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>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-export interface EssentialLinkProps {
-  title: string;
-  caption?: string;
-  link?: string;
-  icon?: string;
-}
-withDefaults(defineProps<EssentialLinkProps>(), {
-  caption: '',
-  link: '#',
-  icon: '',
-});<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-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 (typescriptConfig === 'options') { %><script lang="ts">
-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 (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue, prop, Options } from 'vue-class-component';
-
-class Props {
-  readonly title!: string;
-  readonly caption = prop({ default: '' });
-  readonly link = prop({ default: '#' });
-  readonly icon = prop({ default: '' });
-}
-
-@Options({})
-export default class EssentialLink extends Vue.with(Props) {}<% } %>
-</script>

package/templates/app/quasar-v2/ts-webpack/BASE/src/pages/ErrorNotFound.vue

@@ -1,40 +0,0 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
-</template>
-
-<% if (typescriptConfig === 'composition-setup') { %><script setup lang="ts">
-<% } else if (typescriptConfig === 'composition') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'options') { %><script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});<% } else if (typescriptConfig === 'class') { %><script lang="ts">
-import { Vue } from 'vue-class-component';
-
-export default class ErrorNotFound extends Vue {}<% } %>
-</script>