quasar.config.js

@@ -24,7 +24,7 @@ module.exports = configure(function (ctx) {
     // app boot file (/src/boot)
     // --> boot files are part of "main.js"
     // https://v2.quasar.dev/quasar-cli-webpack/boot-files
-        boot: ['i18n', 'axios', 'error-handler', 'app'],
+    boot: ['i18n', 'axios', 'vnDate', 'error-handler', 'app'],
 
     // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
     css: ['app.scss', 'width.scss', 'responsive.scss'],
@@ -67,7 +67,7 @@ module.exports = configure(function (ctx) {
       // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
 
-            chainWebpack(chain) {
+      chainWebpack (chain) {
         chain
           .plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: ['js', 'vue'] }]);
@@ -143,7 +143,7 @@ module.exports = configure(function (ctx) {
       maxAge: 1000 * 60 * 60 * 24 * 30,
       // Tell browser when a file from the server should expire from cache (in ms)
 
-            chainWebpackWebserver(chain) {
+      chainWebpackWebserver (chain) {
         chain
           .plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: ['js'] }]);
@@ -163,7 +163,7 @@ module.exports = configure(function (ctx) {
       // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
       // if using workbox in InjectManifest mode
 
-            chainWebpackCustomSW(chain) {
+      chainWebpackCustomSW (chain) {
         chain
           .plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: ['js'] }]);
@@ -240,13 +240,13 @@ module.exports = configure(function (ctx) {
 
       // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
 
-            chainWebpackMain(chain) {
+      chainWebpackMain (chain) {
         chain
           .plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: ['js'] }]);
       },
 
-            chainWebpackPreload(chain) {
+      chainWebpackPreload (chain) {
         chain
           .plugin('eslint-webpack-plugin')
           .use(ESLintPlugin, [{ extensions: ['js'] }]);

src/boot/vnDate.js

@@ -0,0 +1,20 @@
+import { boot } from 'quasar/wrappers';
+
+export default boot(() => {
+    Date.vnUTC = () => {
+        const env = process.env.NODE_ENV;
+        if (!env || env === 'development') {
+            return new Date(Date.UTC(2001, 0, 1, 11));
+        }
+
+        return new Date();
+    };
+
+    Date.vnNew = () => {
+        return new Date(Date.vnUTC());
+    };
+
+    Date.vnNow = () => {
+        return new Date(Date.vnUTC()).getTime();
+    };
+});

src/pages/Ecomerce/InvoicesView.vue

@@ -10,7 +10,7 @@ const { t } = useI18n();
 const jApi = inject('jApi');
 const userStore = useUserStore();
 
-const currentYear = ref(new Date('2001-01-01').getFullYear());
+const currentYear = ref(Date.vnNew().getFullYear());
 const years = ref([]);
 const invoices = ref([]);