create-quasar 1.2.0 → 1.3.0

package/templates/app/quasar-v2/ts-webpack-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 store
+ 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-webpack-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-webpack-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-webpack-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-webpack-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-webpack-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-webpack-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/ui-kit/quasar-v1/BASE/ui/dev/_package.json

@@ -12,7 +12,7 @@
     "dev:electron": "quasar dev -m electron"
   },
   "dependencies": {
-    "@quasar/extras": "^1.0.0",
+    "@quasar/extras": "^1.16.4",
     "core-js": "^3.0.0"
   },
   "devDependencies": {

package/templates/ui-kit/quasar-v2/BASE/ui/_package.json

@@ -30,7 +30,7 @@
     "rtlcss": "^2.6.1",
     "sass": "1.32.0",
     "quasar": "^2.0.0",
-    "@quasar/extras": "^1.0.0",
+    "@quasar/extras": "^1.16.4",
     "core-js": "^3.0.0",
     "@quasar/app-webpack": "^3.0.0",
     "open": "^7.3.0",

package/utils/index.js

@@ -11,7 +11,7 @@ const spawn = require('child_process').spawn
 
 const logger = require('./logger')
 
-const TEMPLATING_FILE_EXTENSIONS = [ '', '.json', '.js', '.ts', '.vue', '.md', '.html', '.sass' ]
+const TEMPLATING_FILE_EXTENSIONS = [ '', '.json', '.js', '.cjs', '.ts', '.vue', '.md', '.html', '.sass' ]
 
 module.exports.join = join
 module.exports.logger = logger
@@ -203,15 +203,23 @@ module.exports.lintFolder = function (scope) {
   )
 }
 
+const quasarConfigFilenameList = [
+  'quasar.config.js',
+  'quasar.config.mjs',
+  'quasar.config.ts',
+  'quasar.config.cjs',
+  'quasar.conf.js' // legacy
+]
+
 module.exports.ensureOutsideProject = function () {
   let dir = process.cwd()
 
   while (dir.length && dir[dir.length - 1] !== sep) {
-    if (
-      existsSync(join(dir, 'quasar.conf.js')) ||
-      existsSync(join(dir, 'quasar.config.js'))
-    ) {
-      logger.fatal(`Error. This command must NOT be executed inside of a Quasar project folder.`)
+    for (const name of quasarConfigFilenameList) {
+      const filename = join(dir, name)
+      if (existsSync(filename)) {
+        logger.fatal(`Error. This command must NOT be executed inside of a Quasar project folder.`)
+      }
     }
 
     dir = normalize(join(dir, '..'))