Update frontend dependencies (#1655)

Also fixes bug that wrong message is displayed when updating user

web/components.d.ts

@@ -1,5 +1,7 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'
 
@@ -57,10 +59,10 @@ declare module '@vue/runtime-core' {
     IMdiGestureTap: typeof import('~icons/mdi/gesture-tap')['default']
     IMdiGithub: typeof import('~icons/mdi/github')['default']
     IMdiLoading: typeof import('~icons/mdi/loading')['default']
+    IMdiSync: typeof import('~icons/mdi/sync')['default']
     IMdiSourceBranch: typeof import('~icons/mdi/source-branch')['default']
     IMdisourceCommit: typeof import('~icons/mdi/source-commit')['default']
     IMdiSourcePull: typeof import('~icons/mdi/source-pull')['default']
-    IMdiSync: typeof import('~icons/mdi/sync')['default']
     IMdiTagOutline: typeof import('~icons/mdi/tag-outline')['default']
     InputField: typeof import('./src/components/form/InputField.vue')['default']
     IPhGitlabLogoSimpleFill: typeof import('~icons/ph/gitlab-logo-simple-fill')['default']

web/package.json

@@ -17,55 +17,55 @@
     "test": "echo 'No tests configured' && exit 0"
   },
   "dependencies": {
-    "@intlify/vite-plugin-vue-i18n": "^6.0.3",
-    "@kyvg/vue3-notification": "^2.4.1",
-    "@vueuse/core": "^9.3.1",
+    "@intlify/unplugin-vue-i18n": "^0.9.2",
+    "@kyvg/vue3-notification": "^2.9.0",
+    "@vueuse/core": "^9.13.0",
     "ansi_up": "^5.1.0",
-    "dayjs": "^1.11.5",
-    "floating-vue": "^2.0.0-beta.20",
+    "dayjs": "^1.11.7",
+    "floating-vue": "2.0.0-beta.20",
     "fuse.js": "^6.6.2",
-    "humanize-duration": "^3.27.3",
-    "javascript-time-ago": "^2.5.7",
+    "humanize-duration": "^3.28.0",
+    "javascript-time-ago": "^2.5.9",
     "lodash": "^4.17.21",
     "node-emoji": "^1.11.0",
-    "pinia": "^2.0.23",
+    "pinia": "^2.0.33",
     "prismjs": "^1.29.0",
-    "vue": "^3.2.41",
+    "vue": "^3.2.47",
     "vue-i18n": "^9.2.2",
-    "vue-router": "^4.1.5"
+    "vue-router": "^4.1.6"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.123",
+    "@iconify/json": "^2.2.36",
     "@types/humanize-duration": "^3.27.1",
     "@types/javascript-time-ago": "^2.0.3",
-    "@types/lodash": "^4.14.186",
-    "@types/node": "^18.11.2",
+    "@types/lodash": "^4.14.191",
+    "@types/node": "^18.15.3",
     "@types/node-emoji": "^1.8.2",
     "@types/prismjs": "^1.26.0",
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
-    "@vitejs/plugin-vue": "^3.1.2",
-    "@vue/compiler-sfc": "^3.2.41",
-    "eslint": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "^5.55.0",
+    "@typescript-eslint/parser": "^5.55.0",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vue/compiler-sfc": "^3.2.47",
+    "eslint": "^8.36.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.1.0",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "eslint-plugin-vue": "^9.6.0",
-    "eslint-plugin-vue-scoped-css": "^2.2.0",
-    "prettier": "^2.7.1",
-    "typescript": "4.8.3",
-    "unplugin-icons": "^0.14.12",
-    "unplugin-vue-components": "^0.22.8",
-    "vite": "^3.1.8",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue-scoped-css": "^2.4.0",
+    "prettier": "^2.8.4",
+    "typescript": "5.0.2",
+    "unplugin-icons": "^0.15.3",
+    "unplugin-vue-components": "^0.24.1",
+    "vite": "^4.2.0",
     "vite-plugin-prismjs": "^0.0.8",
-    "vite-plugin-windicss": "^1.8.8",
-    "vite-svg-loader": "^3.6.0",
+    "vite-plugin-windicss": "^1.8.10",
+    "vite-svg-loader": "^4.0.0",
     "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^0.40.13",
+    "vue-tsc": "^1.2.0",
     "windicss": "^3.5.6"
   }
 }

web/src/components/admin/settings/AdminUsersTab.vue

@@ -118,14 +118,18 @@ const { doSubmit: saveUser, isLoading: isSaving } = useAsyncAction(async () => {
 
   if (isEditingUser.value) {
     await apiClient.updateUser(selectedUser.value);
+    notifications.notify({
+      title: t('admin.settings.users.saved'),
+      type: 'success',
+    });
     selectedUser.value = undefined;
   } else {
     selectedUser.value = await apiClient.createUser(selectedUser.value);
+    notifications.notify({
+      title: t('admin.settings.users.created'),
+      type: 'success',
+    });
   }
-  notifications.notify({
-    title: t(isEditingUser.value ? 'admin.settings.users.saved' : 'admin.settings.users.created'),
-    type: 'success',
-  });
   await loadUsers();
 });
 

web/vite.config.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-extraneous-dependencies */
-import vueI18n from '@intlify/vite-plugin-vue-i18n';
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
 import vue from '@vitejs/plugin-vue';
 import { readdirSync } from 'fs';
 import path from 'path';
@@ -28,7 +28,7 @@ function woodpeckerInfoPlugin() {
 export default defineConfig({
   plugins: [
     vue(),
-    vueI18n({
+    VueI18nPlugin({
       include: path.resolve(__dirname, 'src/assets/locales/**'),
     }),
     (() => {