Change plugin for vite i18n

Author: Stigmatoz

package.json

@@ -10,7 +10,6 @@
     "script:zip": "powershell scripts/zip.ps1"
   },
   "dependencies": {
-    "@intlify/unplugin-vue-i18n": "^0.12.2",
     "chart.js": "^4.3.0",
     "date-fns": "^2.30.0",
     "rollup-plugin-copy": "^3.4.0",
@@ -19,6 +18,7 @@
     "vue-i18n": "^9.2.2"
   },
   "devDependencies": {
+    "@intlify/vite-plugin-vue-i18n": "^7.0.0",
     "@kyvg/vue3-notification": "^2.9.1",
     "@types/webextension-polyfill": "^0.10.0",
     "@vitejs/plugin-vue": "^4.0.0",

src/compositions/show-notification.ts

@@ -1,4 +1,5 @@
 import Browser from 'webextension-polyfill';
+import { SECOND } from '../utils/time';
 
 export enum NotificationType {
   DailySummaryNotification = 'daily-summary-notification',
@@ -11,6 +12,7 @@ export async function showNotification(
   message: string,
 ): Promise<void> {
   await Browser.notifications.clear(notificationType);
+  await new Promise(res => setTimeout(res, 5 * SECOND));
   await Browser.notifications.create(notificationType, {
     type: 'basic',
     title: title,

tsconfig.json

@@ -12,7 +12,6 @@
     "lib": ["ESNext", "DOM"],
     "skipLibCheck": true,
     "noEmit": true,
-    "types": ["@intlify/unplugin-vue-i18n/messages"]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

vite.config.ts

@@ -3,7 +3,7 @@ import path from 'path';
 import vue from '@vitejs/plugin-vue';
 import webExtension, { readJsonFile } from 'vite-plugin-web-extension';
 import pkg from './package.json';
-import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+import VueI18nPlugin from '@intlify/vite-plugin-vue-i18n';
 import copy from 'rollup-plugin-copy';
 
 const APPID_CHROME = 'hhfnghjdeddcfegfekjeihfmbjenlomm';