fix: cache localization files

fixes a white screen after update

closes #91

Author: simonwep

src/i18n/index.ts

@@ -33,10 +33,13 @@ const numberFormats: IntlNumberFormat = {
   }
 };
 
-export const i18n = createI18n({ legacy: false });
+export const i18n = createI18n({
+  locale: initialLocale
+});
 
 export const changeLocale = async (locale: AvailableLocale, currency?: Intl.NumberFormatOptions) => {
   const messages = await fetch(localeUrls[locale]).then((res) => res.json());
+
   const numberFormat: IntlNumberFormat = {
     ...numberFormats,
     currency: { ...numberFormats.currency, ...currency }
@@ -45,7 +48,5 @@ export const changeLocale = async (locale: AvailableLocale, currency?: Intl.Numb
   document.documentElement.lang = locale;
   i18n.global.setLocaleMessage(locale, messages);
   i18n.global.setNumberFormat(locale, numberFormat);
-  i18n.global.locale.value = locale;
+  i18n.global.locale = locale;
 };
-
-await changeLocale(initialLocale);

vite.config.ts

@@ -1,10 +1,10 @@
+import { minifyHtmlPlugin } from './plugins/vite-plugin-minify-html/minifyHtmlPlugin.ts';
+import { minifyJsonPlugin } from './plugins/vite-plugin-minify-json/minifyJsonPlugin.ts';
 import vue from '@vitejs/plugin-vue';
 import { defineConfig } from 'vite';
 import { optimizeCssModules } from 'vite-plugin-optimize-css-modules';
 import { VitePWA } from 'vite-plugin-pwa';
 import tsconfigPaths from 'vite-tsconfig-paths';
-import { minifyJsonPlugin } from './plugins/vite-plugin-minify-json/minifyJsonPlugin.ts';
-import { minifyHtmlPlugin } from './plugins/vite-plugin-minify-html/minifyHtmlPlugin.ts';
 
 export default defineConfig({
   envPrefix: ['OCULAR'],
@@ -98,7 +98,7 @@ export default defineConfig({
         ]
       },
       workbox: {
-        globPatterns: ['**/*.{js,css,html,woff2}']
+        globPatterns: ['**/*.{js,css,html,woff2,json}']
       }
     })
   ]