create-quasar 1.0.30 → 1.1.0

package/index.js

@@ -89,6 +89,7 @@ async function run () {
             : [
               { title: 'Yes, use Yarn (recommended)', value: 'yarn' },
               { title: 'Yes, use NPM', value: 'npm' },
+              { title: 'Yes, use PNPM (experimental support)', value: 'pnpm' },
               { title: 'No, I will handle that myself', value: false }
             ]
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quasar",
-  "version": "1.0.30",
+  "version": "1.1.0",
   "description": "Scaffolds Quasar Apps, AppExtensions or UI kits",
   "author": {
     "name": "Razvan Stoenescu",

package/templates/app/quasar-v2/js-vite/BASE/_.npmrc

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

package/templates/app/quasar-v2/js-vite/BASE/_package.json

@@ -39,7 +39,8 @@
     <% } } %>
     <% if (preset.i18n) { %>"@intlify/vite-plugin-vue-i18n": "^3.3.1",<% } %>
     "@quasar/app-vite": "^1.0.0",
-    "autoprefixer": "^10.4.2"
+    "autoprefixer": "^10.4.2",
+    "postcss": "^8.4.14"
   },
   "engines": {
     "node": "^18 || ^16 || ^14.19",

package/templates/app/quasar-v2/js-vite/BASE/quasar.config.js

@@ -162,6 +162,7 @@ module.exports = configure(function (/* ctx */) {
       swFilename: 'sw.js',
       manifestFilename: 'manifest.json',
       useCredentialsForManifestTag: false,
+      // useFilenameHashes: true,
       // extendGenerateSWOptions (cfg) {}
       // extendInjectManifestOptions (cfg) {},
       // extendManifestJson (json) {}

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

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

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

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

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

@@ -14,7 +14,7 @@
   "dependencies": {
     <% if (typescriptConfig === 'class') { %>"vue-class-component": "^8.0.0-rc.1",<% } %>
     <% if (preset.axios) { %>"axios": "^0.21.1",<% } %>
-    <% if (preset.i18n) { %>"vue-i18n": "^9.0.0",<% } %>
+    <% 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",

package/templates/app/quasar-v2/ts-vite/BASE/quasar.config.js

@@ -163,6 +163,7 @@ module.exports = configure(function (/* ctx */) {
       swFilename: 'sw.js',
       manifestFilename: 'manifest.json',
       useCredentialsForManifestTag: false,
+      // useFilenameHashes: true,
       // extendGenerateSWOptions (cfg) {}
       // extendInjectManifestOptions (cfg) {},
       // extendManifestJson (json) {}

package/templates/app/quasar-v2/ts-vite/i18n/src/boot/i18n.ts

@@ -3,10 +3,28 @@ import { createI18n } from 'vue-i18n';
 
 import messages from 'src/i18n';
 
+export type MessageLanguages = keyof typeof messages;
+// Type-define 'en-US' as the master schema for the resource
+export type MessageSchema = typeof messages["en-US"];
+
+// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
+/* eslint-disable @typescript-eslint/no-empty-interface */
+declare module "vue-i18n" {
+  // define the locale messages schema
+  export interface DefineLocaleMessage extends MessageSchema {}
+
+  // define the datetime format schema
+  export interface DefineDateTimeFormat {}
+
+  // define the number format schema
+  export interface DefineNumberFormat {}
+}
+/* eslint-enable @typescript-eslint/no-empty-interface */
+
 export default boot(({ app }) => {
   const i18n = createI18n({
-    locale: 'en-US',
-    globalInjection: true,
+    locale: 'en-US',<% if (typescriptConfig === 'composition' || typescriptConfig === 'composition-setup') { %>
+    legacy: false,<% } %>
     messages,
   });
 

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

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

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

@@ -14,7 +14,7 @@
   "dependencies": {
     <% if (typescriptConfig === 'class') { %>"vue-class-component": "^8.0.0-rc.1",<% } %>
     <% if (preset.axios) { %>"axios": "^0.21.1",<% } %>
-    <% if (preset.i18n) { %>"vue-i18n": "^9.0.0",<% } %>
+    <% 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",

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

@@ -3,10 +3,28 @@ import { createI18n } from 'vue-i18n';
 
 import messages from 'src/i18n';
 
+export type MessageLanguages = keyof typeof messages;
+// Type-define 'en-US' as the master schema for the resource
+export type MessageSchema = typeof messages["en-US"];
+
+// See https://vue-i18n.intlify.dev/guide/advanced/typescript.html#global-resource-schema-type-definition
+/* eslint-disable @typescript-eslint/no-empty-interface */
+declare module "vue-i18n" {
+  // define the locale messages schema
+  export interface DefineLocaleMessage extends MessageSchema {}
+
+  // define the datetime format schema
+  export interface DefineDateTimeFormat {}
+
+  // define the number format schema
+  export interface DefineNumberFormat {}
+}
+/* eslint-enable @typescript-eslint/no-empty-interface */
+
 export default boot(({ app }) => {
-  const i18n = createI18n({
-    locale: 'en-US',
-    globalInjection: true,
+  const i18n = createI18n<{ message: MessageSchema }, MessageLanguages>({
+    locale: 'en-US',<% if (typescriptConfig === 'composition' || typescriptConfig === 'composition-setup') { %>
+    legacy: false,<% } %>
     messages,
   });
 

package/utils/index.js

@@ -59,8 +59,8 @@ module.exports.renderTemplate = function (templateDir, scope) {
     const targetRelativePath = rawPath.split('/').map(name => {
       // dotfiles are ignored when published to npm, therefore in templates
       // we need to prefix them with an underscore (e.g. "_.gitignore")
-      // Also, some tools like ESLint excepts valid config files, therefore
-      // we also prefix files like "package.json" too. (e.g. "_.package.json")
+      // Also, some tools like ESLint expect valid config files, therefore
+      // we also prefix files like "package.json" too. (e.g. "_package.json")
       return name.startsWith('_')
         ? name.slice(1)
         : name