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'],

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([]);