From 90bc2e5c8990e0fd959066260bc507e594292165 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Sat, 6 Aug 2022 19:03:17 +0300
Subject: [PATCH 1/4] feat: admin

---
 apps/vue-admin/.eslintignore                  |   2 +
 apps/vue-admin/.eslintrc                      |   8 +
 apps/vue-admin/.eslintrc-auto-import.json     | 317 +++++++++
 apps/vue-admin/.gitignore                     |  24 +
 apps/vue-admin/.vscode/extensions.json        |   3 +
 apps/vue-admin/README.md                      |  16 +
 apps/vue-admin/index.html                     |  28 +
 .../locales/available-languages.json          |   4 +
 apps/vue-admin/locales/en-US.json             | 109 +++
 apps/vue-admin/locales/set-language.ts        |  21 +
 apps/vue-admin/locales/tr-TR.json             |  85 +++
 apps/vue-admin/package.json                   |  71 ++
 apps/vue-admin/postcss.config.js              |   6 +
 .../vue-admin/public/android-chrome-96x96.png | Bin 0 -> 2176 bytes
 apps/vue-admin/public/apple-touch-icon.png    | Bin 0 -> 3826 bytes
 apps/vue-admin/public/favicon.ico             | Bin 0 -> 7406 bytes
 apps/vue-admin/public/logo-dark.png           | Bin 0 -> 2746 bytes
 apps/vue-admin/public/logo-light.png          | Bin 0 -> 2778 bytes
 apps/vue-admin/public/pwa-192x192.png         | Bin 0 -> 3914 bytes
 apps/vue-admin/public/pwa-512x512.png         | Bin 0 -> 10261 bytes
 apps/vue-admin/public/robots.txt              |   2 +
 apps/vue-admin/public/safari-pinned-tab.svg   |  41 ++
 apps/vue-admin/src/App.vue                    | 182 +++++
 apps/vue-admin/src/assets/base.css            |   3 +
 apps/vue-admin/src/assets/logo.png            | Bin 0 -> 6849 bytes
 apps/vue-admin/src/auto-imports.d.ts          | 636 +++++++++++++++++
 apps/vue-admin/src/components.d.ts            |  37 +
 apps/vue-admin/src/components/HelloWorld.vue  |  54 ++
 apps/vue-admin/src/components/MainPanel.vue   |   5 +
 apps/vue-admin/src/components/SidePanel.vue   | 118 ++++
 .../src/components/org/left-sidebar.vue       |   3 +
 .../vue-admin/src/components/tem/LoadData.vue |  10 +
 apps/vue-admin/src/composables/auth.ts        |  76 ++
 apps/vue-admin/src/composables/get-theme.ts   |  17 +
 apps/vue-admin/src/layouts/default.vue        | 129 ++++
 apps/vue-admin/src/layouts/user.vue           |  47 ++
 apps/vue-admin/src/main.ts                    |  83 +++
 apps/vue-admin/src/modules/apollo-graphql.ts  | 187 +++++
 apps/vue-admin/src/modules/i18n.ts            |  16 +
 apps/vue-admin/src/pages/[username]/index.vue |  48 ++
 apps/vue-admin/src/pages/auth/forgot.vue      | 100 +++
 apps/vue-admin/src/pages/auth/login.vue       | 168 +++++
 apps/vue-admin/src/pages/auth/signup.vue      | 180 +++++
 apps/vue-admin/src/pages/index.vue            | 430 ++++++++++++
 apps/vue-admin/src/pages/onlogin.vue          |  18 +
 apps/vue-admin/src/router.ts                  |  47 ++
 apps/vue-admin/src/services/notifications.ts  |  55 ++
 apps/vue-admin/src/shims-vue.d.ts             |  23 +
 apps/vue-admin/src/stores/useAppStore.ts      |  43 ++
 apps/vue-admin/src/stores/useUserStore.ts     |  34 +
 apps/vue-admin/src/utils/use-popper.ts        |  34 +
 apps/vue-admin/tailwind.config.js             |  33 +
 apps/vue-admin/tsconfig.json                  |  48 ++
 apps/vue-admin/tsconfig.node.json             |   9 +
 apps/vue-admin/vite.config.ts                 | 140 ++++
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 653 +++++++-----------
 pnpm-workspace.yaml                           |   4 +-
 58 files changed, 4021 insertions(+), 390 deletions(-)
 create mode 100644 apps/vue-admin/.eslintignore
 create mode 100644 apps/vue-admin/.eslintrc
 create mode 100644 apps/vue-admin/.eslintrc-auto-import.json
 create mode 100644 apps/vue-admin/.gitignore
 create mode 100644 apps/vue-admin/.vscode/extensions.json
 create mode 100644 apps/vue-admin/README.md
 create mode 100644 apps/vue-admin/index.html
 create mode 100644 apps/vue-admin/locales/available-languages.json
 create mode 100644 apps/vue-admin/locales/en-US.json
 create mode 100644 apps/vue-admin/locales/set-language.ts
 create mode 100644 apps/vue-admin/locales/tr-TR.json
 create mode 100644 apps/vue-admin/package.json
 create mode 100644 apps/vue-admin/postcss.config.js
 create mode 100644 apps/vue-admin/public/android-chrome-96x96.png
 create mode 100644 apps/vue-admin/public/apple-touch-icon.png
 create mode 100644 apps/vue-admin/public/favicon.ico
 create mode 100644 apps/vue-admin/public/logo-dark.png
 create mode 100644 apps/vue-admin/public/logo-light.png
 create mode 100644 apps/vue-admin/public/pwa-192x192.png
 create mode 100644 apps/vue-admin/public/pwa-512x512.png
 create mode 100644 apps/vue-admin/public/robots.txt
 create mode 100644 apps/vue-admin/public/safari-pinned-tab.svg
 create mode 100644 apps/vue-admin/src/App.vue
 create mode 100644 apps/vue-admin/src/assets/base.css
 create mode 100644 apps/vue-admin/src/assets/logo.png
 create mode 100644 apps/vue-admin/src/auto-imports.d.ts
 create mode 100644 apps/vue-admin/src/components.d.ts
 create mode 100644 apps/vue-admin/src/components/HelloWorld.vue
 create mode 100644 apps/vue-admin/src/components/MainPanel.vue
 create mode 100644 apps/vue-admin/src/components/SidePanel.vue
 create mode 100644 apps/vue-admin/src/components/org/left-sidebar.vue
 create mode 100644 apps/vue-admin/src/components/tem/LoadData.vue
 create mode 100644 apps/vue-admin/src/composables/auth.ts
 create mode 100644 apps/vue-admin/src/composables/get-theme.ts
 create mode 100644 apps/vue-admin/src/layouts/default.vue
 create mode 100644 apps/vue-admin/src/layouts/user.vue
 create mode 100644 apps/vue-admin/src/main.ts
 create mode 100644 apps/vue-admin/src/modules/apollo-graphql.ts
 create mode 100644 apps/vue-admin/src/modules/i18n.ts
 create mode 100644 apps/vue-admin/src/pages/[username]/index.vue
 create mode 100644 apps/vue-admin/src/pages/auth/forgot.vue
 create mode 100644 apps/vue-admin/src/pages/auth/login.vue
 create mode 100644 apps/vue-admin/src/pages/auth/signup.vue
 create mode 100644 apps/vue-admin/src/pages/index.vue
 create mode 100644 apps/vue-admin/src/pages/onlogin.vue
 create mode 100644 apps/vue-admin/src/router.ts
 create mode 100644 apps/vue-admin/src/services/notifications.ts
 create mode 100644 apps/vue-admin/src/shims-vue.d.ts
 create mode 100644 apps/vue-admin/src/stores/useAppStore.ts
 create mode 100644 apps/vue-admin/src/stores/useUserStore.ts
 create mode 100644 apps/vue-admin/src/utils/use-popper.ts
 create mode 100644 apps/vue-admin/tailwind.config.js
 create mode 100644 apps/vue-admin/tsconfig.json
 create mode 100644 apps/vue-admin/tsconfig.node.json
 create mode 100644 apps/vue-admin/vite.config.ts

diff --git a/apps/vue-admin/.eslintignore b/apps/vue-admin/.eslintignore
new file mode 100644
index 00000000..fc4cb3ef
--- /dev/null
+++ b/apps/vue-admin/.eslintignore
@@ -0,0 +1,2 @@
+auto-imports.d.ts
+components.d.ts
\ No newline at end of file
diff --git a/apps/vue-admin/.eslintrc b/apps/vue-admin/.eslintrc
new file mode 100644
index 00000000..51907888
--- /dev/null
+++ b/apps/vue-admin/.eslintrc
@@ -0,0 +1,8 @@
+{
+  "extends": ["@antfu"],
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": "off",
+    "vue/no-deprecated-slot-attribute": "off",
+    "vue/valid-template-root": "off"
+  }
+}
diff --git a/apps/vue-admin/.eslintrc-auto-import.json b/apps/vue-admin/.eslintrc-auto-import.json
new file mode 100644
index 00000000..937e81d0
--- /dev/null
+++ b/apps/vue-admin/.eslintrc-auto-import.json
@@ -0,0 +1,317 @@
+{
+  "globals": {
+    "CreateTokenNotificationDocument": true,
+    "EffectScope": true,
+    "FieldContextKey": true,
+    "ForgotPasswordDocument": true,
+    "FormContextKey": true,
+    "GetUserInfoDocument": true,
+    "LoginDocument": true,
+    "LogoutDocument": true,
+    "ResetPasswordDocument": true,
+    "SignupDocument": true,
+    "acceptHMRUpdate": true,
+    "asyncComputed": true,
+    "auth": true,
+    "autoResetRef": true,
+    "changeLocalStoreTheme": true,
+    "computed": true,
+    "computedAsync": true,
+    "computedEager": true,
+    "computedInject": true,
+    "computedWithControl": true,
+    "configure": true,
+    "controlledComputed": true,
+    "controlledRef": true,
+    "createApp": true,
+    "createEventHook": true,
+    "createGlobalState": true,
+    "createInjectionState": true,
+    "createPinia": true,
+    "createReactiveFn": true,
+    "createSharedComposable": true,
+    "createUnrefFn": true,
+    "customRef": true,
+    "debouncedRef": true,
+    "debouncedWatch": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "defineRule": true,
+    "defineStore": true,
+    "eagerComputed": true,
+    "effectScope": true,
+    "extendRef": true,
+    "getActivePinia": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "ignorableWatch": true,
+    "inject": true,
+    "isDefined": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "logicAnd": true,
+    "logicNot": true,
+    "logicOr": true,
+    "makeDestructurable": true,
+    "mapActions": true,
+    "mapGetters": true,
+    "mapState": true,
+    "mapStores": true,
+    "mapWritableState": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onClickOutside": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onKeyStroke": true,
+    "onLongPress": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onStartTyping": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "pausableWatch": true,
+    "provide": true,
+    "reactify": true,
+    "reactifyObject": true,
+    "reactive": true,
+    "reactiveComputed": true,
+    "reactiveOmit": true,
+    "reactivePick": true,
+    "readonly": true,
+    "ref": true,
+    "refAutoReset": true,
+    "refDebounced": true,
+    "refDefault": true,
+    "refThrottled": true,
+    "refWithControl": true,
+    "resolveComponent": true,
+    "resolveRef": true,
+    "resolveUnref": true,
+    "setActivePinia": true,
+    "setMapStoreSuffix": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "storeToRefs": true,
+    "syncRef": true,
+    "syncRefs": true,
+    "templateRef": true,
+    "throttledRef": true,
+    "throttledWatch": true,
+    "toRaw": true,
+    "toReactive": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "tryOnBeforeMount": true,
+    "tryOnBeforeUnmount": true,
+    "tryOnMounted": true,
+    "tryOnScopeDispose": true,
+    "tryOnUnmounted": true,
+    "unref": true,
+    "unrefElement": true,
+    "until": true,
+    "useActiveElement": true,
+    "useAppStore": true,
+    "useAsyncQueue": true,
+    "useAsyncState": true,
+    "useAttrs": true,
+    "useAuth": true,
+    "useBase64": true,
+    "useBattery": true,
+    "useBluetooth": true,
+    "useBreakpoints": true,
+    "useBroadcastChannel": true,
+    "useBrowserLocation": true,
+    "useCached": true,
+    "useClamp": true,
+    "useClipboard": true,
+    "useColorMode": true,
+    "useConfetti": true,
+    "useConfirmDialog": true,
+    "useCounter": true,
+    "useCreateTokenNotificationMutation": true,
+    "useCssModule": true,
+    "useCssVar": true,
+    "useCssVars": true,
+    "useCurrentElement": true,
+    "useCycleList": true,
+    "useDark": true,
+    "useDateFormat": true,
+    "useDebounce": true,
+    "useDebounceFn": true,
+    "useDebouncedRefHistory": true,
+    "useDeviceMotion": true,
+    "useDeviceOrientation": true,
+    "useDevicePixelRatio": true,
+    "useDevicesList": true,
+    "useDialogRoute": true,
+    "useDialogRouteLeave": true,
+    "useDisplayMedia": true,
+    "useDocumentVisibility": true,
+    "useDraggable": true,
+    "useDropZone": true,
+    "useElementBounding": true,
+    "useElementByPoint": true,
+    "useElementHover": true,
+    "useElementSize": true,
+    "useElementVisibility": true,
+    "useEventBus": true,
+    "useEventListener": true,
+    "useEventSource": true,
+    "useEyeDropper": true,
+    "useFavicon": true,
+    "useFetch": true,
+    "useField": true,
+    "useFieldArray": true,
+    "useFieldError": true,
+    "useFieldValue": true,
+    "useFileDialog": true,
+    "useFileSystemAccess": true,
+    "useFocus": true,
+    "useFocusWithin": true,
+    "useForgotPasswordMutation": true,
+    "useForm": true,
+    "useFormErrors": true,
+    "useFormSection": true,
+    "useFormValues": true,
+    "useFps": true,
+    "useFullscreen": true,
+    "useGamepad": true,
+    "useGeolocation": true,
+    "useGetUserInfoLazyQuery": true,
+    "useGetUserInfoQuery": true,
+    "useHead": true,
+    "useI18n": true,
+    "useIdle": true,
+    "useImage": true,
+    "useInfiniteScroll": true,
+    "useIntersectionObserver": true,
+    "useInterval": true,
+    "useIntervalFn": true,
+    "useIsFieldDirty": true,
+    "useIsFieldTouched": true,
+    "useIsFieldValid": true,
+    "useIsFormDirty": true,
+    "useIsFormTouched": true,
+    "useIsFormValid": true,
+    "useIsSubmitting": true,
+    "useKeyModifier": true,
+    "useLastChanged": true,
+    "useLocalStorage": true,
+    "useLoginMutation": true,
+    "useLogoutMutation": true,
+    "useMagicKeys": true,
+    "useManualRefHistory": true,
+    "useMediaControls": true,
+    "useMediaQuery": true,
+    "useMemoize": true,
+    "useMemory": true,
+    "useMounted": true,
+    "useMouse": true,
+    "useMouseInElement": true,
+    "useMousePressed": true,
+    "useMutationObserver": true,
+    "useNavigatorLanguage": true,
+    "useNetwork": true,
+    "useNow": true,
+    "useObjectUrl": true,
+    "useOffsetPagination": true,
+    "useOnline": true,
+    "usePWebNotification": true,
+    "usePageLeave": true,
+    "useParallax": true,
+    "usePermission": true,
+    "usePointer": true,
+    "usePointerSwipe": true,
+    "usePreferredColorScheme": true,
+    "usePreferredDark": true,
+    "usePreferredLanguages": true,
+    "useRafFn": true,
+    "useRefHistory": true,
+    "useRenderIcon": true,
+    "useResetForm": true,
+    "useResetPasswordMutation": true,
+    "useResizeObserver": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useScreenOrientation": true,
+    "useScreenSafeArea": true,
+    "useScriptTag": true,
+    "useScroll": true,
+    "useScrollLock": true,
+    "useSessionStorage": true,
+    "useShare": true,
+    "useSignupMutation": true,
+    "useSlots": true,
+    "useSpeechRecognition": true,
+    "useSpeechSynthesis": true,
+    "useStepper": true,
+    "useStorage": true,
+    "useStorageAsync": true,
+    "useStyleTag": true,
+    "useSubmitCount": true,
+    "useSubmitForm": true,
+    "useSwipe": true,
+    "useTemplateRefsList": true,
+    "useTextSelection": true,
+    "useTextareaAutosize": true,
+    "useThrottle": true,
+    "useThrottleFn": true,
+    "useThrottledRefHistory": true,
+    "useTimeAgo": true,
+    "useTimeout": true,
+    "useTimeoutFn": true,
+    "useTimeoutPoll": true,
+    "useTimestamp": true,
+    "useTitle": true,
+    "useToast": true,
+    "useToastWeb": true,
+    "useToggle": true,
+    "useTransition": true,
+    "useUrlSearchParams": true,
+    "useUserMedia": true,
+    "useUserStore": true,
+    "useVModel": true,
+    "useVModels": true,
+    "useValidateField": true,
+    "useValidateForm": true,
+    "useVibrate": true,
+    "useVirtualList": true,
+    "useWakeLock": true,
+    "useWebNotification": true,
+    "useWebSocket": true,
+    "useWebWorker": true,
+    "useWebWorkerFn": true,
+    "useWindowFocus": true,
+    "useWindowScroll": true,
+    "useWindowSize": true,
+    "validate": true,
+    "viewport": true,
+    "watch": true,
+    "watchArray": true,
+    "watchAtMost": true,
+    "watchDebounced": true,
+    "watchEffect": true,
+    "watchIgnorable": true,
+    "watchOnce": true,
+    "watchPausable": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "watchThrottled": true,
+    "watchTriggerable": true,
+    "watchWithFilter": true,
+    "whenever": true
+  }
+}
\ No newline at end of file
diff --git a/apps/vue-admin/.gitignore b/apps/vue-admin/.gitignore
new file mode 100644
index 00000000..a547bf36
--- /dev/null
+++ b/apps/vue-admin/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/vue-admin/.vscode/extensions.json b/apps/vue-admin/.vscode/extensions.json
new file mode 100644
index 00000000..3dc5b08b
--- /dev/null
+++ b/apps/vue-admin/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["johnsoncodehk.volar"]
+}
diff --git a/apps/vue-admin/README.md b/apps/vue-admin/README.md
new file mode 100644
index 00000000..b53dcfb1
--- /dev/null
+++ b/apps/vue-admin/README.md
@@ -0,0 +1,16 @@
+# Vue 3 + Typescript + Vite
+
+This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
diff --git a/apps/vue-admin/index.html b/apps/vue-admin/index.html
new file mode 100644
index 00000000..9d133df9
--- /dev/null
+++ b/apps/vue-admin/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <link rel="apple-touch-icon" href="/pwa-192x192.png">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
+    <meta name="msapplication-TileColor" content="#00aba9">
+    <meta name="theme-color" content="#ffffff">
+    <script>
+      ;(function () {
+        const prefersDark =
+    window.matchMedia &&
+    window.matchMedia('(prefers-color-scheme: dark)').matches
+        const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
+        if (setting === 'dark' || (prefersDark && setting !== 'light'))
+          document.documentElement.classList.toggle('dark', true)
+      })()
+    </script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <div id="dialog-window"></div>
+    <div id="dialog-outlet"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/apps/vue-admin/locales/available-languages.json b/apps/vue-admin/locales/available-languages.json
new file mode 100644
index 00000000..cf1c2c7a
--- /dev/null
+++ b/apps/vue-admin/locales/available-languages.json
@@ -0,0 +1,4 @@
+{
+  "en-US": "English (United States)",
+  "tr-TR": "Turkish (Turkey)"
+}
diff --git a/apps/vue-admin/locales/en-US.json b/apps/vue-admin/locales/en-US.json
new file mode 100644
index 00000000..fdd17e05
--- /dev/null
+++ b/apps/vue-admin/locales/en-US.json
@@ -0,0 +1,109 @@
+{
+  "account": {
+    "backButton": "Back",
+    "changePassword": "Change password",
+    "merhaba": "Merhaba",
+    "discord": "Discord",
+    "heading": "Account",
+    "keys": "API keys",
+    "legal": "Terms of services",
+    "logout": "Logout",
+    "personalInformation": "Personal information",
+    "preferences": "Notifications",
+    "privacy": "Privacy policy",
+    "support": "Support",
+    "usage": "usage"
+  },
+  "accountPassword": {
+    "confirmPassword": "Confirm password",
+    "errorMsg": "Error happened, please try again",
+    "heading": "Change my password",
+    "password": "New password",
+    "success": "Changed password successfully",
+    "validate": "Validate",
+    "password_matches": "Passwords must match"
+  },
+  "accountProfile": {
+    "country": "Country",
+    "email": "Email",
+    "first-name": "First name",
+    "heading": "Personal information",
+    "last-name": "Last name",
+    "update": "Update"
+  },
+  "forgot": {
+    "check_email": "Check your email to get the link to reset your password",
+    "email": "Email",
+    "heading": "Forgot password",
+    "sub_heading": "Enter your email address and we'll send you a link to reset your password.",
+    "success": "Password updated success"
+  },
+  "login": {
+    "andpass": "And password",
+    "connexion": "Login",
+    "create-new": "Create new account",
+    "email": "Email",
+    "forgot": "forgot",
+    "hello": "Hello",
+    "login-in": "Sign in",
+    "or": "or",
+    "password": "Password",
+    "withemail": "With email adress",
+    "signup": "Sign up",
+    "remember": "Remember me"
+  },
+  "signup": {
+    "email": "Email",
+    "heading": "Sign up",
+    "subHeading": "Create your account",
+    "password": "Password",
+    "error_confirm_password": "Passwords must match",
+    "confirm_password": "Confirm password",
+    "name": "Name",
+    "display-name": "Display name",
+    "username": "Username",
+    "password_confirmation": "Confirm password",
+    "submit": "Sign up",
+    "terms": "I agree to the terms of services",
+    "have_account_login": "Already have an account? Login",
+    "error_terms": "You must agree to the terms of services",
+    "success": "Success"
+  },
+  "password": {
+    "heading": "Create Password",
+    "new": "New Password",
+    "validate": "Validate"
+  },
+  "resetPassword": {
+    "heading": "Reset Password",
+    "input": "Enter your code",
+    "button": "Send password reset email",
+    "new_password": "New Password",
+    "confirm_password": "Confirm Password",
+    "change_password": "Change Password",
+    "password_match_regexp": "Password must be at least 8 characters long and contain at least one number, one uppercase and one lowercase letter"
+  },
+  "activation": {
+    "desc": "Fill the following fields to complete your registration",
+    "doi": "Optional consent",
+    "doi-desc": "I accept Email newsletter and future marketing offers",
+    "heading": "activation",
+    "headline": "My settings",
+    "legal": "Terms of services",
+    "legal-desc": "I accept Capgo app privacy policy and terms of use",
+    "notification": "Notifications",
+    "notification-desc": "I accept to receive notification when new app version are available",
+    "validate": "Validate"
+  },
+  "language": {
+    "change": "Change language"
+  },
+  "global": {
+    "error": "Error",
+    "save": "Save",
+    "success": "Success",
+    "warning": "Warning",
+    "cancel": "Cancel",
+    "version": "Version"
+  }
+}
diff --git a/apps/vue-admin/locales/set-language.ts b/apps/vue-admin/locales/set-language.ts
new file mode 100644
index 00000000..0780d573
--- /dev/null
+++ b/apps/vue-admin/locales/set-language.ts
@@ -0,0 +1,21 @@
+import type { Composer } from 'vue-i18n'
+
+export async function setLanguage(lang: any, i18n: any): Promise<boolean> {
+  if (i18n.mode === 'legacy')
+    i18n.global.locale.value = lang
+
+  else
+    (i18n.global as unknown as Composer).locale.value = lang
+
+  /**
+   * NOTE:
+   * If you need to specify the language setting for headers, such as the `fetch` API, set it here.
+   * The following is an example for axios.
+   *
+   * axios.defaults.headers.common['Accept-Language'] = locale
+   */
+
+  const html = document.querySelector<HTMLElement>('html')
+  html?.setAttribute('lang', lang)
+  return true
+}
diff --git a/apps/vue-admin/locales/tr-TR.json b/apps/vue-admin/locales/tr-TR.json
new file mode 100644
index 00000000..ef9e0511
--- /dev/null
+++ b/apps/vue-admin/locales/tr-TR.json
@@ -0,0 +1,85 @@
+{
+  "account": {
+    "backButton": "Back",
+    "changePassword": "Change password",
+    "discord": "Discord",
+    "heading": "Account",
+    "keys": "API keys",
+    "legal": "Terms of services",
+    "logout": "Logout",
+    "personalInformation": "Personal information",
+    "preferences": "Notifications",
+    "privacy": "Privacy policy",
+    "support": "Support",
+    "usage": "usage"
+  },
+  "accountPassword": {
+    "confirmPassword": "Confirm password",
+    "errorMsg": "Error happened, please try again",
+    "heading": "Change my password",
+    "password": "New password",
+    "success": "Changed password successfully",
+    "validate": "Validate",
+    "password_matches": "Passwords must match"
+  },
+  "accountProfile": {
+    "country": "Country",
+    "email": "Email",
+    "first-name": "First name",
+    "heading": "Personal information",
+    "last-name": "Last name",
+    "update": "Update"
+  },
+  "forgot": {
+    "check_email": "Check your email to get the link to reset your password",
+    "email": "Email",
+    "heading": "Forgot password",
+    "success": "Password updated successfully"
+  },
+  "login": {
+    "andpass": "And password",
+    "connexion": "Login",
+    "create-new": "Create new account",
+    "email": "Email",
+    "forgot": "forgot",
+    "hello": "Hello",
+    "login-in": "Login in",
+    "or": "or",
+    "password": "Sifre",
+    "withemail": "With email adress"
+  },
+  "password": {
+    "heading": "Create Password",
+    "new": "New Password",
+    "validate": "Validate"
+  },
+  "register": {
+    "already-account": "You already have an account?",
+    "check-email": "Please check your email and verify",
+    "confirm-email": "Confirm email",
+    "confirm-password": "Confirm password",
+    "desc": "Fill the following fields to complete your registration",
+    "email": "Email",
+    "first-name": "first name",
+    "heading": "Registration",
+    "last-name": "last name",
+    "lowerCaseError": "Should contain lowercase letters",
+    "next": "Next",
+    "password": "password",
+    "password-hint": "Enter a combination of at least 6 numbers, letters and punctuations.",
+    "specialError": "Should contain special characters",
+    "upperCaseError": "Should contain uppercase letters"
+  },
+  "activation": {
+    "desc": "Fill the following fields to complete your registration",
+    "doi": "Optional consent",
+    "doi-desc": "I accept Email newsletter and future marketing offers",
+    "heading": "activation",
+    "headline": "My settings",
+    "legal": "Terms of services",
+    "legal-desc": "I accept Capgo app privacy policy and terms of use",
+    "notification": "Notifications",
+    "notification-desc": "I accept to receive notification when new app version are available",
+    "validate": "Validate"
+  }
+}
diff --git a/apps/vue-admin/package.json b/apps/vue-admin/package.json
new file mode 100644
index 00000000..7053bee2
--- /dev/null
+++ b/apps/vue-admin/package.json
@@ -0,0 +1,71 @@
+{
+  "name": "vue-admin",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite --port 3100",
+    "android:dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "lint": "eslint \"./**/*.{ts,vue}\"",
+    "lint:fix": "eslint --fix \"./**/*.{ts,vue}\""
+  },
+  "dependencies": {
+    "@apollo/client": "3.6.9",
+    "@headlessui/vue": "1.6.7",
+    "@intlify/vite-plugin-vue-i18n": "5.0.1",
+    "@oku/api": "workspace:*",
+    "@popperjs/core": "2.11.5",
+    "@productdevbook/auth": "0.2.1",
+    "@vee-validate/i18n": "4.6.2",
+    "@vue/apollo-composable": "4.0.0-alpha.19",
+    "@vueuse/core": "8.9.4",
+    "@vueuse/head": "0.7.7",
+    "@vueuse/integrations": "8.9.4",
+    "apollo-upload-client": "17.0.0",
+    "crypto-js": "4.1.1",
+    "firebase": "9.9.1",
+    "got": "12.2.0",
+    "graphql": "16.5.0",
+    "graphql-ws": "5.9.1",
+    "gsap": "3.10.4",
+    "nprogress": "0.2.0",
+    "oku-i18n": "workspace*",
+    "pinia": "2.0.16",
+    "universal-cookie": "4.0.4",
+    "unocss": "0.44.7",
+    "unplugin-auto-import": "0.10.1",
+    "unplugin-vue-components": "0.21.1",
+    "vite-plugin-pages": "0.25.0",
+    "vite-plugin-vue-layouts": "0.7.0",
+    "vue": "3.2.37",
+    "vue-app": "workspace:*",
+    "vue-design-system": "workspace:*",
+    "vue-i18n": "9.2.0-beta.40",
+    "vue-router": "4.1.2",
+    "yup": "0.32.11"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "0.25.2",
+    "@oku/config": "workspace:*",
+    "@oku/tsconfig": "workspace:*",
+    "@tailwindcss/forms": "0.5.2",
+    "@tailwindcss/typography": "0.5.4",
+    "@types/apollo-upload-client": "17.0.1",
+    "@types/crypto-js": "4.1.1",
+    "@types/js-cookie": "3.0.2",
+    "@types/nprogress": "0.2.0",
+    "@vitejs/plugin-vue": "3.0.1",
+    "autoprefixer": "10.4.7",
+    "eslint": "8.20.0",
+    "naive-ui": "2.31.0",
+    "postcss": "8.4.14",
+    "tailwindcss": "3.1.6",
+    "typescript": "4.7.4",
+    "vite": "3.0.3",
+    "vite-plugin-glob": "0.3.2",
+    "vite-plugin-pwa": "0.12.3",
+    "vue-tsc": "0.39.0"
+  }
+}
diff --git a/apps/vue-admin/postcss.config.js b/apps/vue-admin/postcss.config.js
new file mode 100644
index 00000000..12a703d9
--- /dev/null
+++ b/apps/vue-admin/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/apps/vue-admin/public/android-chrome-96x96.png b/apps/vue-admin/public/android-chrome-96x96.png
new file mode 100644
index 0000000000000000000000000000000000000000..391190e8279dfd4996015ba88770dc00dd3ec642
GIT binary patch
literal 2176
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

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/apple-touch-icon.png b/apps/vue-admin/public/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cd1306174e97b07346fb0ebec2bbc9127874b4a
GIT binary patch
literal 3826
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
B__F{2

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/favicon.ico b/apps/vue-admin/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..994a5583cc1634c7edcdb25d95e56e3e59611617
GIT binary patch
literal 7406
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
E55=8JVE_OC

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/logo-dark.png b/apps/vue-admin/public/logo-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e27f8a0ffa8e0509204f1d5805dc205bffef4ed
GIT binary patch
literal 2746
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
M#+F7^h8}VM2gRS|q5uE@

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/logo-light.png b/apps/vue-admin/public/logo-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..6eaca6bb845ab49bd6f29c77298aa9494dca7d98
GIT binary patch
literal 2778
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

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/pwa-192x192.png b/apps/vue-admin/public/pwa-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8aae8daf9d693e6660a05afb8a4a78bf37120f2
GIT binary patch
literal 3914
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
Y1LqTh46JC(QUCw|07*qoM6N<$f<qQ}*#H0l

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/pwa-512x512.png b/apps/vue-admin/public/pwa-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bdb895f28ab8a9c22caeaadfc8e74af45a47acc
GIT binary patch
literal 10261
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
Z|3R+IiN((o#Bx8NuVbuTecd7A{{cObmKp#6

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/public/robots.txt b/apps/vue-admin/public/robots.txt
new file mode 100644
index 00000000..14267e90
--- /dev/null
+++ b/apps/vue-admin/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
\ No newline at end of file
diff --git a/apps/vue-admin/public/safari-pinned-tab.svg b/apps/vue-admin/public/safari-pinned-tab.svg
new file mode 100644
index 00000000..f05d4d9f
--- /dev/null
+++ b/apps/vue-admin/public/safari-pinned-tab.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2916 6015 c-93 -57 -173 -108 -178 -113 -6 -6 7 -36 33 -78 23 -38
+86 -141 139 -229 54 -88 135 -221 180 -295 46 -74 94 -155 108 -180 14 -25 29
+-52 35 -60 7 -12 -9 -45 -62 -130 -39 -63 -85 -140 -103 -170 -18 -30 -117
+-194 -222 -365 -104 -170 -199 -326 -210 -346 -12 -19 -61 -102 -111 -183 -49
+-81 -101 -166 -115 -189 -14 -23 -39 -64 -55 -90 -17 -27 -77 -126 -134 -220
+-57 -95 -127 -210 -156 -257 -194 -315 -325 -533 -325 -541 0 -5 -4 -9 -10 -9
+-5 0 -10 -4 -10 -9 0 -5 -55 -98 -121 -207 -247 -404 -403 -660 -416 -684 -8
+-14 -58 -97 -112 -185 l-98 -160 -189 -2 c-104 -1 -225 -2 -269 -2 l-80 -1 1
+-210 c0 -116 4 -213 8 -218 11 -11 6107 -9 6114 2 8 13 8 406 0 419 -4 7 -88
+10 -265 9 l-259 -2 -50 77 c-27 43 -54 87 -60 98 -6 11 -62 103 -124 205 -62
+102 -120 197 -129 212 -9 16 -85 142 -170 280 -85 139 -160 262 -165 273 -6
+11 -13 22 -16 25 -3 3 -30 46 -59 95 -30 50 -102 169 -161 265 -59 96 -240
+393 -402 660 -163 267 -371 609 -463 760 -92 151 -194 318 -225 370 -31 52
+-101 167 -155 255 l-97 160 27 50 c16 27 32 55 36 61 5 5 38 59 74 120 36 60
+69 116 74 124 5 8 75 122 155 253 81 131 144 242 141 247 -4 7 -114 76 -183
+115 -10 6 -52 32 -95 58 -42 27 -81 46 -87 42 -8 -5 -94 -140 -140 -219 -19
+-33 -221 -365 -246 -404 -15 -22 -18 -18 -111 135 -52 87 -123 203 -157 258
+-67 108 -67 110 -111 184 -16 28 -34 51 -40 50 -5 0 -86 -47 -179 -104z m739
+-1642 c319 -526 519 -854 637 -1046 43 -70 78 -130 78 -133 0 -2 5 -10 10 -17
+6 -7 69 -109 140 -227 72 -118 134 -222 139 -230 5 -8 55 -89 111 -180 56 -91
+105 -172 110 -180 9 -14 52 -84 270 -445 54 -88 135 -221 180 -295 46 -74 91
+-148 100 -165 9 -16 31 -53 48 -81 18 -28 32 -54 32 -57 0 -3 -403 -6 -895 -5
+l-895 0 0 81 c-1 45 -1 439 -1 875 l0 792 -37 1 c-57 1 -344 1 -374 0 l-27 -1
+0 -832 c0 -458 0 -852 0 -875 l-1 -42 -895 1 c-492 0 -895 3 -895 5 0 9 115
+198 122 201 5 2 8 7 8 12 0 5 23 46 51 92 28 46 78 128 112 183 33 55 70 116
+82 135 12 19 132 215 265 435 133 220 266 438 295 485 65 105 206 338 220 362
+6 10 172 284 370 608 198 325 387 635 420 690 33 55 62 100 65 100 3 0 73
+-111 155 -247z"/>
+</g>
+</svg>
diff --git a/apps/vue-admin/src/App.vue b/apps/vue-admin/src/App.vue
new file mode 100644
index 00000000..78d1d932
--- /dev/null
+++ b/apps/vue-admin/src/App.vue
@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import { GlobalThemeOverrides, darkTheme, lightTheme } from 'naive-ui'
+const { locale } = useI18n()
+// auto-detect dark theme support
+const prefersDark = usePreferredDark()
+// https://github.com/vueuse/head
+// you can use this to manipulate the document head in any components
+const icon = computed(() => {
+  return prefersDark.value ? '/logo-dark.png' : '/logo-light.png'
+})
+useHead({
+  title: 'Product Dev Book',
+  meta: [
+    {
+      property: 'og:locale:alternate',
+      content: locale.value,
+      key: locale.value,
+    },
+  ],
+  link: [{ rel: 'icon', type: 'image/x-icon', href: icon }],
+})
+const isDark = useDark()
+const colorSchema = useStorage('vueuse-color-scheme', 'auto')
+
+const themeLight: GlobalThemeOverrides = {
+  common: {
+    fontFamily:
+        'Inter var, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+    fontFamilyMono: ' "Fira Mono", monospace, sans-serif',
+    primaryColor: '#267866',
+    scrollbarWidth: '10px',
+    borderRadius: '4px',
+    bodyColor: '#fff',
+  },
+  Card: {
+    color: '#fff',
+  },
+  Input: {
+    heightMedium: '2.5rem',
+    border: '2px solid #e2e8f0',
+    borderHover: '2px solid #cbd5e1',
+    borderFocus: '2px solid #16a34a',
+    borderError: '2px solid #dc2626',
+    borderHoverError: '2px solid #f87171',
+    borderFocusError: '2px solid #dc2626',
+  },
+  Tabs: {
+    colorSegment: '#E9ECEF',
+  },
+  Carousel: {
+    dotColorActive: '#222',
+    dotColor: '#777',
+    dotSize: '10px',
+    arrowColor: '#222',
+    dotColorFocus: '#444',
+  },
+  Menu: {
+    itemHeight: '32px',
+    fontSize: '13px',
+    borderRadius: '4px',
+    itemColorActive: '#E9ECEF',
+    itemTextColorActive: '#267866',
+    itemTextColorHover: '#267866',
+    itemIconColor: '#6C757D',
+    itemTextColor: '#6C757D',
+    itemTextColorChildActive: '#267866',
+    arrowColorChildActive: '#267866',
+    itemIconColorChildActive: '#267866',
+    itemIconColorHover: '#267866',
+    itemIconColorActive: '#267866',
+  },
+}
+
+const darkThemeOverrides: GlobalThemeOverrides = {
+  common: {
+    fontFamily:
+        'Inter var, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+    fontFamilyMono: ' "Fira Mono", monospace, sans-serif',
+    primaryColor: '#267866',
+    scrollbarWidth: '8px',
+    bodyColor: '#222',
+    textColor1: '#fff',
+    textColor2: '#fff',
+  },
+  Card: {
+    color: '#222',
+  },
+  Button: {
+    textColorSuccess: '#fff',
+  },
+  Tabs: {
+    colorSegment: '#333',
+  },
+  Input: {
+    color: '#222',
+    heightMedium: '2.5rem',
+    border: '2px solid #444',
+    borderHover: '2px solid #666',
+    borderFocus: '2px solid #16a34a',
+    borderError: '2px solid #dc2626',
+    borderHoverError: '2px solid #f87171',
+    borderFocusError: '2px solid #dc2626',
+  },
+  Menu: {
+    itemHeight: '32px',
+    fontSize: '13px',
+    borderRadius: '4px',
+    itemColorActive: '#333',
+    itemTextColorActive: '#aaa',
+    itemTextColorHover: '#aaa',
+    itemIconColor: '#888',
+    itemTextColor: '#888',
+    itemTextColorChildActive: '#aaa',
+    arrowColorChildActive: '#aaa',
+    itemIconColorChildActive: '#aaa',
+    itemIconColorHover: '#aaa',
+    itemIconColorActive: '#aaa',
+  },
+}
+
+const handleThemeSelect = (key: 'auto' | 'dark' | 'light') => {
+  if (key === 'auto') {
+    colorSchema.value = 'auto'
+  }
+  else {
+    colorSchema.value = key
+    isDark.value = key === 'dark'
+  }
+}
+const availableColor = ref([
+  {
+    key: 'auto',
+    label: 'system',
+    icon: useRenderIcon('i-ph-laptop-duotone'),
+  },
+  {
+    key: 'dark',
+    label: 'dark',
+    icon: useRenderIcon('i-ph-moon-stars-duotone'),
+  },
+  {
+    key: 'light',
+    label: 'light',
+    icon: useRenderIcon('i-ph-sun-dim-duotone'),
+  },
+])
+</script>
+
+<template>
+  <div id="webapp">
+    <NConfigProvider
+      :theme="isDark ? darkTheme : lightTheme"
+      :theme-overrides="isDark ? darkThemeOverrides : themeLight"
+    >
+      <NGlobalStyle />
+      <NMessageProvider>
+        <NNotificationProvider>
+          <div class="absolute top-0 left-0 z-50">
+            <NDropdown
+              trigger="click"
+              :options="availableColor"
+              @select="handleThemeSelect"
+            >
+              <NButton style="--height: 90%">
+                <template v-if="colorSchema === 'auto'" #icon>
+                  <div class="i-ph-laptop-duotone" />
+                </template>
+                <template v-else-if="colorSchema === 'light'" #icon>
+                  <div class="i-ph-sun-dim-duotone" />
+                </template>
+                <template v-else-if="colorSchema === 'dark'" #icon>
+                  <div class="i-ph-moon-stars-duotone" />
+                </template>
+              </NButton>
+            </NDropdown>
+          </div>
+          <router-view />
+        </NNotificationProvider>
+      </NMessageProvider>
+    </NConfigProvider>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/assets/base.css b/apps/vue-admin/src/assets/base.css
new file mode 100644
index 00000000..de15c91d
--- /dev/null
+++ b/apps/vue-admin/src/assets/base.css
@@ -0,0 +1,3 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
\ No newline at end of file
diff --git a/apps/vue-admin/src/assets/logo.png b/apps/vue-admin/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
HcmV?d00001

diff --git a/apps/vue-admin/src/auto-imports.d.ts b/apps/vue-admin/src/auto-imports.d.ts
new file mode 100644
index 00000000..ec43db29
--- /dev/null
+++ b/apps/vue-admin/src/auto-imports.d.ts
@@ -0,0 +1,636 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const CreateTokenNotificationDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['CreateTokenNotificationDocument']
+  const EffectScope: typeof import('vue')['EffectScope']
+  const FieldContextKey: typeof import('vee-validate')['FieldContextKey']
+  const ForgotPasswordDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['ForgotPasswordDocument']
+  const FormContextKey: typeof import('vee-validate')['FormContextKey']
+  const GetUserInfoDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['GetUserInfoDocument']
+  const LoginDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['LoginDocument']
+  const LogoutDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['LogoutDocument']
+  const ResetPasswordDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['ResetPasswordDocument']
+  const SignupDocument: typeof import('../../../packages/oku-api/types/vue-apollo')['SignupDocument']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
+  const auth: typeof import('./composables/auth')['default']
+  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
+  const changeLocalStoreTheme: typeof import('./composables/get-theme')['changeLocalStoreTheme']
+  const computed: typeof import('vue')['computed']
+  const computedAsync: typeof import('@vueuse/core')['computedAsync']
+  const computedEager: typeof import('@vueuse/core')['computedEager']
+  const computedInject: typeof import('@vueuse/core')['computedInject']
+  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
+  const configure: typeof import('vee-validate')['configure']
+  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
+  const controlledRef: typeof import('@vueuse/core')['controlledRef']
+  const createApp: typeof import('vue')['createApp']
+  const createEventHook: typeof import('@vueuse/core')['createEventHook']
+  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
+  const createPinia: typeof import('pinia')['createPinia']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
+  const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
+  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineRule: typeof import('vee-validate')['defineRule']
+  const defineStore: typeof import('pinia')['defineStore']
+  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
+  const effectScope: typeof import('vue')['effectScope']
+  const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
+  const inject: typeof import('vue')['inject']
+  const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const logicAnd: typeof import('@vueuse/core')['logicAnd']
+  const logicNot: typeof import('@vueuse/core')['logicNot']
+  const logicOr: typeof import('@vueuse/core')['logicOr']
+  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
+  const onLongPress: typeof import('@vueuse/core')['onLongPress']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
+  const provide: typeof import('vue')['provide']
+  const reactify: typeof import('@vueuse/core')['reactify']
+  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
+  const reactive: typeof import('vue')['reactive']
+  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
+  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
+  const reactivePick: typeof import('@vueuse/core')['reactivePick']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
+  const refDebounced: typeof import('@vueuse/core')['refDebounced']
+  const refDefault: typeof import('@vueuse/core')['refDefault']
+  const refThrottled: typeof import('@vueuse/core')['refThrottled']
+  const refWithControl: typeof import('@vueuse/core')['refWithControl']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveRef: typeof import('@vueuse/core')['resolveRef']
+  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const syncRef: typeof import('@vueuse/core')['syncRef']
+  const syncRefs: typeof import('@vueuse/core')['syncRefs']
+  const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
+  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
+  const toRaw: typeof import('vue')['toRaw']
+  const toReactive: typeof import('@vueuse/core')['toReactive']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
+  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
+  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
+  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
+  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
+  const unref: typeof import('vue')['unref']
+  const unrefElement: typeof import('@vueuse/core')['unrefElement']
+  const until: typeof import('@vueuse/core')['until']
+  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
+  const useAppStore: typeof import('./stores/useAppStore')['useAppStore']
+  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
+  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useAuth: typeof import('./composables/auth')['useAuth']
+  const useBase64: typeof import('@vueuse/core')['useBase64']
+  const useBattery: typeof import('@vueuse/core')['useBattery']
+  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
+  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
+  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
+  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
+  const useCached: typeof import('@vueuse/core')['useCached']
+  const useClamp: typeof import('@vueuse/core')['useClamp']
+  const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useColorMode: typeof import('@vueuse/core')['useColorMode']
+  const useConfetti: typeof import('../../../packages/vue-app/composables/useConfetti')['useConfetti']
+  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCounter: typeof import('@vueuse/core')['useCounter']
+  const useCreateTokenNotificationMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useCreateTokenNotificationMutation']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVar: typeof import('@vueuse/core')['useCssVar']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
+  const useCycleList: typeof import('@vueuse/core')['useCycleList']
+  const useDark: typeof import('@vueuse/core')['useDark']
+  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
+  const useDebounce: typeof import('@vueuse/core')['useDebounce']
+  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
+  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
+  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
+  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
+  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
+  const useDialogRoute: typeof import('../../../packages/vue-app/composables/use-dialog-route')['useDialogRoute']
+  const useDialogRouteLeave: typeof import('../../../packages/vue-app/composables/use-dialog-route')['useDialogRouteLeave']
+  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
+  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
+  const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
+  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
+  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
+  const useElementHover: typeof import('@vueuse/core')['useElementHover']
+  const useElementSize: typeof import('@vueuse/core')['useElementSize']
+  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
+  const useEventBus: typeof import('@vueuse/core')['useEventBus']
+  const useEventListener: typeof import('@vueuse/core')['useEventListener']
+  const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
+  const useFavicon: typeof import('@vueuse/core')['useFavicon']
+  const useFetch: typeof import('@vueuse/core')['useFetch']
+  const useField: typeof import('vee-validate')['useField']
+  const useFieldArray: typeof import('vee-validate')['useFieldArray']
+  const useFieldError: typeof import('vee-validate')['useFieldError']
+  const useFieldValue: typeof import('vee-validate')['useFieldValue']
+  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
+  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
+  const useForgotPasswordMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useForgotPasswordMutation']
+  const useForm: typeof import('vee-validate')['useForm']
+  const useFormErrors: typeof import('vee-validate')['useFormErrors']
+  const useFormSection: typeof import('../../../packages/vue-app/composables/useFormSection')['default']
+  const useFormValues: typeof import('vee-validate')['useFormValues']
+  const useFps: typeof import('@vueuse/core')['useFps']
+  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
+  const useGamepad: typeof import('@vueuse/core')['useGamepad']
+  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
+  const useGetUserInfoLazyQuery: typeof import('../../../packages/oku-api/types/vue-apollo')['useGetUserInfoLazyQuery']
+  const useGetUserInfoQuery: typeof import('../../../packages/oku-api/types/vue-apollo')['useGetUserInfoQuery']
+  const useHead: typeof import('@vueuse/head')['useHead']
+  const useI18n: typeof import('vue-i18n')['useI18n']
+  const useIdle: typeof import('@vueuse/core')['useIdle']
+  const useImage: typeof import('@vueuse/core')['useImage']
+  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
+  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
+  const useInterval: typeof import('@vueuse/core')['useInterval']
+  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
+  const useIsFieldDirty: typeof import('vee-validate')['useIsFieldDirty']
+  const useIsFieldTouched: typeof import('vee-validate')['useIsFieldTouched']
+  const useIsFieldValid: typeof import('vee-validate')['useIsFieldValid']
+  const useIsFormDirty: typeof import('vee-validate')['useIsFormDirty']
+  const useIsFormTouched: typeof import('vee-validate')['useIsFormTouched']
+  const useIsFormValid: typeof import('vee-validate')['useIsFormValid']
+  const useIsSubmitting: typeof import('vee-validate')['useIsSubmitting']
+  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
+  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
+  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
+  const useLoginMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useLoginMutation']
+  const useLogoutMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useLogoutMutation']
+  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
+  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
+  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
+  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
+  const useMemoize: typeof import('@vueuse/core')['useMemoize']
+  const useMemory: typeof import('@vueuse/core')['useMemory']
+  const useMounted: typeof import('@vueuse/core')['useMounted']
+  const useMouse: typeof import('@vueuse/core')['useMouse']
+  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
+  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
+  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
+  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
+  const useNetwork: typeof import('@vueuse/core')['useNetwork']
+  const useNow: typeof import('@vueuse/core')['useNow']
+  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
+  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
+  const useOnline: typeof import('@vueuse/core')['useOnline']
+  const usePWebNotification: typeof import('../../../packages/vue-app/composables/useNotification.web')['usePWebNotification']
+  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
+  const useParallax: typeof import('@vueuse/core')['useParallax']
+  const usePermission: typeof import('@vueuse/core')['usePermission']
+  const usePointer: typeof import('@vueuse/core')['usePointer']
+  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
+  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
+  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
+  const useRafFn: typeof import('@vueuse/core')['useRafFn']
+  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
+  const useRenderIcon: typeof import('../../../packages/vue-app/composables/useRenderIcon')['default']
+  const useResetForm: typeof import('vee-validate')['useResetForm']
+  const useResetPasswordMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useResetPasswordMutation']
+  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
+  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
+  const useScroll: typeof import('@vueuse/core')['useScroll']
+  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
+  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
+  const useShare: typeof import('@vueuse/core')['useShare']
+  const useSignupMutation: typeof import('../../../packages/oku-api/types/vue-apollo')['useSignupMutation']
+  const useSlots: typeof import('vue')['useSlots']
+  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
+  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
+  const useStepper: typeof import('@vueuse/core')['useStepper']
+  const useStorage: typeof import('@vueuse/core')['useStorage']
+  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
+  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
+  const useSubmitCount: typeof import('vee-validate')['useSubmitCount']
+  const useSubmitForm: typeof import('vee-validate')['useSubmitForm']
+  const useSwipe: typeof import('@vueuse/core')['useSwipe']
+  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
+  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
+  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
+  const useThrottle: typeof import('@vueuse/core')['useThrottle']
+  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
+  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
+  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
+  const useTimeout: typeof import('@vueuse/core')['useTimeout']
+  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
+  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
+  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
+  const useTitle: typeof import('@vueuse/core')['useTitle']
+  const useToast: typeof import('../../../packages/vue-app/composables/useToast')['useToast']
+  const useToastWeb: typeof import('../../../packages/vue-app/composables/useToast.web')['useToastWeb']
+  const useToggle: typeof import('@vueuse/core')['useToggle']
+  const useTransition: typeof import('@vueuse/core')['useTransition']
+  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
+  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
+  const useUserStore: typeof import('./stores/useUserStore')['useUserStore']
+  const useVModel: typeof import('@vueuse/core')['useVModel']
+  const useVModels: typeof import('@vueuse/core')['useVModels']
+  const useValidateField: typeof import('vee-validate')['useValidateField']
+  const useValidateForm: typeof import('vee-validate')['useValidateForm']
+  const useVibrate: typeof import('@vueuse/core')['useVibrate']
+  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
+  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
+  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
+  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
+  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
+  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
+  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
+  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const validate: typeof import('vee-validate')['validate']
+  const viewport: typeof import('../../../packages/vue-app/composables/viewport')['default']
+  const watch: typeof import('vue')['watch']
+  const watchArray: typeof import('@vueuse/core')['watchArray']
+  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
+  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
+  const watchOnce: typeof import('@vueuse/core')['watchOnce']
+  const watchPausable: typeof import('@vueuse/core')['watchPausable']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
+  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
+  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
+  const whenever: typeof import('@vueuse/core')['whenever']
+}
+// for vue template auto import
+import { UnwrapRef } from 'vue'
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    readonly CreateTokenNotificationDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['CreateTokenNotificationDocument']>
+    readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
+    readonly FieldContextKey: UnwrapRef<typeof import('vee-validate')['FieldContextKey']>
+    readonly ForgotPasswordDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['ForgotPasswordDocument']>
+    readonly FormContextKey: UnwrapRef<typeof import('vee-validate')['FormContextKey']>
+    readonly GetUserInfoDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['GetUserInfoDocument']>
+    readonly LoginDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['LoginDocument']>
+    readonly LogoutDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['LogoutDocument']>
+    readonly ResetPasswordDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['ResetPasswordDocument']>
+    readonly SignupDocument: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['SignupDocument']>
+    readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
+    readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
+    readonly auth: UnwrapRef<typeof import('./composables/auth')['default']>
+    readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
+    readonly changeLocalStoreTheme: UnwrapRef<typeof import('./composables/get-theme')['changeLocalStoreTheme']>
+    readonly computed: UnwrapRef<typeof import('vue')['computed']>
+    readonly computedAsync: UnwrapRef<typeof import('@vueuse/core')['computedAsync']>
+    readonly computedEager: UnwrapRef<typeof import('@vueuse/core')['computedEager']>
+    readonly computedInject: UnwrapRef<typeof import('@vueuse/core')['computedInject']>
+    readonly computedWithControl: UnwrapRef<typeof import('@vueuse/core')['computedWithControl']>
+    readonly configure: UnwrapRef<typeof import('vee-validate')['configure']>
+    readonly controlledComputed: UnwrapRef<typeof import('@vueuse/core')['controlledComputed']>
+    readonly controlledRef: UnwrapRef<typeof import('@vueuse/core')['controlledRef']>
+    readonly createApp: UnwrapRef<typeof import('vue')['createApp']>
+    readonly createEventHook: UnwrapRef<typeof import('@vueuse/core')['createEventHook']>
+    readonly createGlobalState: UnwrapRef<typeof import('@vueuse/core')['createGlobalState']>
+    readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
+    readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
+    readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
+    readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
+    readonly createUnrefFn: UnwrapRef<typeof import('@vueuse/core')['createUnrefFn']>
+    readonly customRef: UnwrapRef<typeof import('vue')['customRef']>
+    readonly debouncedRef: UnwrapRef<typeof import('@vueuse/core')['debouncedRef']>
+    readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
+    readonly defineAsyncComponent: UnwrapRef<typeof import('vue')['defineAsyncComponent']>
+    readonly defineComponent: UnwrapRef<typeof import('vue')['defineComponent']>
+    readonly defineRule: UnwrapRef<typeof import('vee-validate')['defineRule']>
+    readonly defineStore: UnwrapRef<typeof import('pinia')['defineStore']>
+    readonly eagerComputed: UnwrapRef<typeof import('@vueuse/core')['eagerComputed']>
+    readonly effectScope: UnwrapRef<typeof import('vue')['effectScope']>
+    readonly extendRef: UnwrapRef<typeof import('@vueuse/core')['extendRef']>
+    readonly getActivePinia: UnwrapRef<typeof import('pinia')['getActivePinia']>
+    readonly getCurrentInstance: UnwrapRef<typeof import('vue')['getCurrentInstance']>
+    readonly getCurrentScope: UnwrapRef<typeof import('vue')['getCurrentScope']>
+    readonly h: UnwrapRef<typeof import('vue')['h']>
+    readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
+    readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
+    readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
+    readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
+    readonly isReadonly: UnwrapRef<typeof import('vue')['isReadonly']>
+    readonly isRef: UnwrapRef<typeof import('vue')['isRef']>
+    readonly logicAnd: UnwrapRef<typeof import('@vueuse/core')['logicAnd']>
+    readonly logicNot: UnwrapRef<typeof import('@vueuse/core')['logicNot']>
+    readonly logicOr: UnwrapRef<typeof import('@vueuse/core')['logicOr']>
+    readonly makeDestructurable: UnwrapRef<typeof import('@vueuse/core')['makeDestructurable']>
+    readonly mapActions: UnwrapRef<typeof import('pinia')['mapActions']>
+    readonly mapGetters: UnwrapRef<typeof import('pinia')['mapGetters']>
+    readonly mapState: UnwrapRef<typeof import('pinia')['mapState']>
+    readonly mapStores: UnwrapRef<typeof import('pinia')['mapStores']>
+    readonly mapWritableState: UnwrapRef<typeof import('pinia')['mapWritableState']>
+    readonly markRaw: UnwrapRef<typeof import('vue')['markRaw']>
+    readonly nextTick: UnwrapRef<typeof import('vue')['nextTick']>
+    readonly onActivated: UnwrapRef<typeof import('vue')['onActivated']>
+    readonly onBeforeMount: UnwrapRef<typeof import('vue')['onBeforeMount']>
+    readonly onBeforeUnmount: UnwrapRef<typeof import('vue')['onBeforeUnmount']>
+    readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
+    readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
+    readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
+    readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
+    readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
+    readonly onMounted: UnwrapRef<typeof import('vue')['onMounted']>
+    readonly onRenderTracked: UnwrapRef<typeof import('vue')['onRenderTracked']>
+    readonly onRenderTriggered: UnwrapRef<typeof import('vue')['onRenderTriggered']>
+    readonly onScopeDispose: UnwrapRef<typeof import('vue')['onScopeDispose']>
+    readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
+    readonly onStartTyping: UnwrapRef<typeof import('@vueuse/core')['onStartTyping']>
+    readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
+    readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
+    readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
+    readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
+    readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
+    readonly reactiveComputed: UnwrapRef<typeof import('@vueuse/core')['reactiveComputed']>
+    readonly reactiveOmit: UnwrapRef<typeof import('@vueuse/core')['reactiveOmit']>
+    readonly reactivePick: UnwrapRef<typeof import('@vueuse/core')['reactivePick']>
+    readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
+    readonly ref: UnwrapRef<typeof import('vue')['ref']>
+    readonly refAutoReset: UnwrapRef<typeof import('@vueuse/core')['refAutoReset']>
+    readonly refDebounced: UnwrapRef<typeof import('@vueuse/core')['refDebounced']>
+    readonly refDefault: UnwrapRef<typeof import('@vueuse/core')['refDefault']>
+    readonly refThrottled: UnwrapRef<typeof import('@vueuse/core')['refThrottled']>
+    readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
+    readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
+    readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
+    readonly resolveUnref: UnwrapRef<typeof import('@vueuse/core')['resolveUnref']>
+    readonly setActivePinia: UnwrapRef<typeof import('pinia')['setActivePinia']>
+    readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
+    readonly shallowReactive: UnwrapRef<typeof import('vue')['shallowReactive']>
+    readonly shallowReadonly: UnwrapRef<typeof import('vue')['shallowReadonly']>
+    readonly shallowRef: UnwrapRef<typeof import('vue')['shallowRef']>
+    readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
+    readonly syncRef: UnwrapRef<typeof import('@vueuse/core')['syncRef']>
+    readonly syncRefs: UnwrapRef<typeof import('@vueuse/core')['syncRefs']>
+    readonly templateRef: UnwrapRef<typeof import('@vueuse/core')['templateRef']>
+    readonly throttledRef: UnwrapRef<typeof import('@vueuse/core')['throttledRef']>
+    readonly throttledWatch: UnwrapRef<typeof import('@vueuse/core')['throttledWatch']>
+    readonly toRaw: UnwrapRef<typeof import('vue')['toRaw']>
+    readonly toReactive: UnwrapRef<typeof import('@vueuse/core')['toReactive']>
+    readonly toRef: UnwrapRef<typeof import('vue')['toRef']>
+    readonly toRefs: UnwrapRef<typeof import('vue')['toRefs']>
+    readonly triggerRef: UnwrapRef<typeof import('vue')['triggerRef']>
+    readonly tryOnBeforeMount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeMount']>
+    readonly tryOnBeforeUnmount: UnwrapRef<typeof import('@vueuse/core')['tryOnBeforeUnmount']>
+    readonly tryOnMounted: UnwrapRef<typeof import('@vueuse/core')['tryOnMounted']>
+    readonly tryOnScopeDispose: UnwrapRef<typeof import('@vueuse/core')['tryOnScopeDispose']>
+    readonly tryOnUnmounted: UnwrapRef<typeof import('@vueuse/core')['tryOnUnmounted']>
+    readonly unref: UnwrapRef<typeof import('vue')['unref']>
+    readonly unrefElement: UnwrapRef<typeof import('@vueuse/core')['unrefElement']>
+    readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
+    readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
+    readonly useAppStore: UnwrapRef<typeof import('./stores/useAppStore')['useAppStore']>
+    readonly useAsyncQueue: UnwrapRef<typeof import('@vueuse/core')['useAsyncQueue']>
+    readonly useAsyncState: UnwrapRef<typeof import('@vueuse/core')['useAsyncState']>
+    readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
+    readonly useAuth: UnwrapRef<typeof import('./composables/auth')['useAuth']>
+    readonly useBase64: UnwrapRef<typeof import('@vueuse/core')['useBase64']>
+    readonly useBattery: UnwrapRef<typeof import('@vueuse/core')['useBattery']>
+    readonly useBluetooth: UnwrapRef<typeof import('@vueuse/core')['useBluetooth']>
+    readonly useBreakpoints: UnwrapRef<typeof import('@vueuse/core')['useBreakpoints']>
+    readonly useBroadcastChannel: UnwrapRef<typeof import('@vueuse/core')['useBroadcastChannel']>
+    readonly useBrowserLocation: UnwrapRef<typeof import('@vueuse/core')['useBrowserLocation']>
+    readonly useCached: UnwrapRef<typeof import('@vueuse/core')['useCached']>
+    readonly useClamp: UnwrapRef<typeof import('@vueuse/core')['useClamp']>
+    readonly useClipboard: UnwrapRef<typeof import('@vueuse/core')['useClipboard']>
+    readonly useColorMode: UnwrapRef<typeof import('@vueuse/core')['useColorMode']>
+    readonly useConfetti: UnwrapRef<typeof import('../../../packages/vue-app/composables/useConfetti')['useConfetti']>
+    readonly useConfirmDialog: UnwrapRef<typeof import('@vueuse/core')['useConfirmDialog']>
+    readonly useCounter: UnwrapRef<typeof import('@vueuse/core')['useCounter']>
+    readonly useCreateTokenNotificationMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useCreateTokenNotificationMutation']>
+    readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
+    readonly useCssVar: UnwrapRef<typeof import('@vueuse/core')['useCssVar']>
+    readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useCurrentElement: UnwrapRef<typeof import('@vueuse/core')['useCurrentElement']>
+    readonly useCycleList: UnwrapRef<typeof import('@vueuse/core')['useCycleList']>
+    readonly useDark: UnwrapRef<typeof import('@vueuse/core')['useDark']>
+    readonly useDateFormat: UnwrapRef<typeof import('@vueuse/core')['useDateFormat']>
+    readonly useDebounce: UnwrapRef<typeof import('@vueuse/core')['useDebounce']>
+    readonly useDebounceFn: UnwrapRef<typeof import('@vueuse/core')['useDebounceFn']>
+    readonly useDebouncedRefHistory: UnwrapRef<typeof import('@vueuse/core')['useDebouncedRefHistory']>
+    readonly useDeviceMotion: UnwrapRef<typeof import('@vueuse/core')['useDeviceMotion']>
+    readonly useDeviceOrientation: UnwrapRef<typeof import('@vueuse/core')['useDeviceOrientation']>
+    readonly useDevicePixelRatio: UnwrapRef<typeof import('@vueuse/core')['useDevicePixelRatio']>
+    readonly useDevicesList: UnwrapRef<typeof import('@vueuse/core')['useDevicesList']>
+    readonly useDialogRoute: UnwrapRef<typeof import('../../../packages/vue-app/composables/use-dialog-route')['useDialogRoute']>
+    readonly useDialogRouteLeave: UnwrapRef<typeof import('../../../packages/vue-app/composables/use-dialog-route')['useDialogRouteLeave']>
+    readonly useDisplayMedia: UnwrapRef<typeof import('@vueuse/core')['useDisplayMedia']>
+    readonly useDocumentVisibility: UnwrapRef<typeof import('@vueuse/core')['useDocumentVisibility']>
+    readonly useDraggable: UnwrapRef<typeof import('@vueuse/core')['useDraggable']>
+    readonly useDropZone: UnwrapRef<typeof import('@vueuse/core')['useDropZone']>
+    readonly useElementBounding: UnwrapRef<typeof import('@vueuse/core')['useElementBounding']>
+    readonly useElementByPoint: UnwrapRef<typeof import('@vueuse/core')['useElementByPoint']>
+    readonly useElementHover: UnwrapRef<typeof import('@vueuse/core')['useElementHover']>
+    readonly useElementSize: UnwrapRef<typeof import('@vueuse/core')['useElementSize']>
+    readonly useElementVisibility: UnwrapRef<typeof import('@vueuse/core')['useElementVisibility']>
+    readonly useEventBus: UnwrapRef<typeof import('@vueuse/core')['useEventBus']>
+    readonly useEventListener: UnwrapRef<typeof import('@vueuse/core')['useEventListener']>
+    readonly useEventSource: UnwrapRef<typeof import('@vueuse/core')['useEventSource']>
+    readonly useEyeDropper: UnwrapRef<typeof import('@vueuse/core')['useEyeDropper']>
+    readonly useFavicon: UnwrapRef<typeof import('@vueuse/core')['useFavicon']>
+    readonly useFetch: UnwrapRef<typeof import('@vueuse/core')['useFetch']>
+    readonly useField: UnwrapRef<typeof import('vee-validate')['useField']>
+    readonly useFieldArray: UnwrapRef<typeof import('vee-validate')['useFieldArray']>
+    readonly useFieldError: UnwrapRef<typeof import('vee-validate')['useFieldError']>
+    readonly useFieldValue: UnwrapRef<typeof import('vee-validate')['useFieldValue']>
+    readonly useFileDialog: UnwrapRef<typeof import('@vueuse/core')['useFileDialog']>
+    readonly useFileSystemAccess: UnwrapRef<typeof import('@vueuse/core')['useFileSystemAccess']>
+    readonly useFocus: UnwrapRef<typeof import('@vueuse/core')['useFocus']>
+    readonly useFocusWithin: UnwrapRef<typeof import('@vueuse/core')['useFocusWithin']>
+    readonly useForgotPasswordMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useForgotPasswordMutation']>
+    readonly useForm: UnwrapRef<typeof import('vee-validate')['useForm']>
+    readonly useFormErrors: UnwrapRef<typeof import('vee-validate')['useFormErrors']>
+    readonly useFormSection: UnwrapRef<typeof import('../../../packages/vue-app/composables/useFormSection')['default']>
+    readonly useFormValues: UnwrapRef<typeof import('vee-validate')['useFormValues']>
+    readonly useFps: UnwrapRef<typeof import('@vueuse/core')['useFps']>
+    readonly useFullscreen: UnwrapRef<typeof import('@vueuse/core')['useFullscreen']>
+    readonly useGamepad: UnwrapRef<typeof import('@vueuse/core')['useGamepad']>
+    readonly useGeolocation: UnwrapRef<typeof import('@vueuse/core')['useGeolocation']>
+    readonly useGetUserInfoLazyQuery: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useGetUserInfoLazyQuery']>
+    readonly useGetUserInfoQuery: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useGetUserInfoQuery']>
+    readonly useHead: UnwrapRef<typeof import('@vueuse/head')['useHead']>
+    readonly useI18n: UnwrapRef<typeof import('vue-i18n')['useI18n']>
+    readonly useIdle: UnwrapRef<typeof import('@vueuse/core')['useIdle']>
+    readonly useImage: UnwrapRef<typeof import('@vueuse/core')['useImage']>
+    readonly useInfiniteScroll: UnwrapRef<typeof import('@vueuse/core')['useInfiniteScroll']>
+    readonly useIntersectionObserver: UnwrapRef<typeof import('@vueuse/core')['useIntersectionObserver']>
+    readonly useInterval: UnwrapRef<typeof import('@vueuse/core')['useInterval']>
+    readonly useIntervalFn: UnwrapRef<typeof import('@vueuse/core')['useIntervalFn']>
+    readonly useIsFieldDirty: UnwrapRef<typeof import('vee-validate')['useIsFieldDirty']>
+    readonly useIsFieldTouched: UnwrapRef<typeof import('vee-validate')['useIsFieldTouched']>
+    readonly useIsFieldValid: UnwrapRef<typeof import('vee-validate')['useIsFieldValid']>
+    readonly useIsFormDirty: UnwrapRef<typeof import('vee-validate')['useIsFormDirty']>
+    readonly useIsFormTouched: UnwrapRef<typeof import('vee-validate')['useIsFormTouched']>
+    readonly useIsFormValid: UnwrapRef<typeof import('vee-validate')['useIsFormValid']>
+    readonly useIsSubmitting: UnwrapRef<typeof import('vee-validate')['useIsSubmitting']>
+    readonly useKeyModifier: UnwrapRef<typeof import('@vueuse/core')['useKeyModifier']>
+    readonly useLastChanged: UnwrapRef<typeof import('@vueuse/core')['useLastChanged']>
+    readonly useLocalStorage: UnwrapRef<typeof import('@vueuse/core')['useLocalStorage']>
+    readonly useLoginMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useLoginMutation']>
+    readonly useLogoutMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useLogoutMutation']>
+    readonly useMagicKeys: UnwrapRef<typeof import('@vueuse/core')['useMagicKeys']>
+    readonly useManualRefHistory: UnwrapRef<typeof import('@vueuse/core')['useManualRefHistory']>
+    readonly useMediaControls: UnwrapRef<typeof import('@vueuse/core')['useMediaControls']>
+    readonly useMediaQuery: UnwrapRef<typeof import('@vueuse/core')['useMediaQuery']>
+    readonly useMemoize: UnwrapRef<typeof import('@vueuse/core')['useMemoize']>
+    readonly useMemory: UnwrapRef<typeof import('@vueuse/core')['useMemory']>
+    readonly useMounted: UnwrapRef<typeof import('@vueuse/core')['useMounted']>
+    readonly useMouse: UnwrapRef<typeof import('@vueuse/core')['useMouse']>
+    readonly useMouseInElement: UnwrapRef<typeof import('@vueuse/core')['useMouseInElement']>
+    readonly useMousePressed: UnwrapRef<typeof import('@vueuse/core')['useMousePressed']>
+    readonly useMutationObserver: UnwrapRef<typeof import('@vueuse/core')['useMutationObserver']>
+    readonly useNavigatorLanguage: UnwrapRef<typeof import('@vueuse/core')['useNavigatorLanguage']>
+    readonly useNetwork: UnwrapRef<typeof import('@vueuse/core')['useNetwork']>
+    readonly useNow: UnwrapRef<typeof import('@vueuse/core')['useNow']>
+    readonly useObjectUrl: UnwrapRef<typeof import('@vueuse/core')['useObjectUrl']>
+    readonly useOffsetPagination: UnwrapRef<typeof import('@vueuse/core')['useOffsetPagination']>
+    readonly useOnline: UnwrapRef<typeof import('@vueuse/core')['useOnline']>
+    readonly usePWebNotification: UnwrapRef<typeof import('../../../packages/vue-app/composables/useNotification.web')['usePWebNotification']>
+    readonly usePageLeave: UnwrapRef<typeof import('@vueuse/core')['usePageLeave']>
+    readonly useParallax: UnwrapRef<typeof import('@vueuse/core')['useParallax']>
+    readonly usePermission: UnwrapRef<typeof import('@vueuse/core')['usePermission']>
+    readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
+    readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>
+    readonly usePreferredColorScheme: UnwrapRef<typeof import('@vueuse/core')['usePreferredColorScheme']>
+    readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
+    readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
+    readonly useRafFn: UnwrapRef<typeof import('@vueuse/core')['useRafFn']>
+    readonly useRefHistory: UnwrapRef<typeof import('@vueuse/core')['useRefHistory']>
+    readonly useRenderIcon: UnwrapRef<typeof import('../../../packages/vue-app/composables/useRenderIcon')['default']>
+    readonly useResetForm: UnwrapRef<typeof import('vee-validate')['useResetForm']>
+    readonly useResetPasswordMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useResetPasswordMutation']>
+    readonly useResizeObserver: UnwrapRef<typeof import('@vueuse/core')['useResizeObserver']>
+    readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
+    readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
+    readonly useScreenOrientation: UnwrapRef<typeof import('@vueuse/core')['useScreenOrientation']>
+    readonly useScreenSafeArea: UnwrapRef<typeof import('@vueuse/core')['useScreenSafeArea']>
+    readonly useScriptTag: UnwrapRef<typeof import('@vueuse/core')['useScriptTag']>
+    readonly useScroll: UnwrapRef<typeof import('@vueuse/core')['useScroll']>
+    readonly useScrollLock: UnwrapRef<typeof import('@vueuse/core')['useScrollLock']>
+    readonly useSessionStorage: UnwrapRef<typeof import('@vueuse/core')['useSessionStorage']>
+    readonly useShare: UnwrapRef<typeof import('@vueuse/core')['useShare']>
+    readonly useSignupMutation: UnwrapRef<typeof import('../../../packages/oku-api/types/vue-apollo')['useSignupMutation']>
+    readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly useSpeechRecognition: UnwrapRef<typeof import('@vueuse/core')['useSpeechRecognition']>
+    readonly useSpeechSynthesis: UnwrapRef<typeof import('@vueuse/core')['useSpeechSynthesis']>
+    readonly useStepper: UnwrapRef<typeof import('@vueuse/core')['useStepper']>
+    readonly useStorage: UnwrapRef<typeof import('@vueuse/core')['useStorage']>
+    readonly useStorageAsync: UnwrapRef<typeof import('@vueuse/core')['useStorageAsync']>
+    readonly useStyleTag: UnwrapRef<typeof import('@vueuse/core')['useStyleTag']>
+    readonly useSubmitCount: UnwrapRef<typeof import('vee-validate')['useSubmitCount']>
+    readonly useSubmitForm: UnwrapRef<typeof import('vee-validate')['useSubmitForm']>
+    readonly useSwipe: UnwrapRef<typeof import('@vueuse/core')['useSwipe']>
+    readonly useTemplateRefsList: UnwrapRef<typeof import('@vueuse/core')['useTemplateRefsList']>
+    readonly useTextSelection: UnwrapRef<typeof import('@vueuse/core')['useTextSelection']>
+    readonly useTextareaAutosize: UnwrapRef<typeof import('@vueuse/core')['useTextareaAutosize']>
+    readonly useThrottle: UnwrapRef<typeof import('@vueuse/core')['useThrottle']>
+    readonly useThrottleFn: UnwrapRef<typeof import('@vueuse/core')['useThrottleFn']>
+    readonly useThrottledRefHistory: UnwrapRef<typeof import('@vueuse/core')['useThrottledRefHistory']>
+    readonly useTimeAgo: UnwrapRef<typeof import('@vueuse/core')['useTimeAgo']>
+    readonly useTimeout: UnwrapRef<typeof import('@vueuse/core')['useTimeout']>
+    readonly useTimeoutFn: UnwrapRef<typeof import('@vueuse/core')['useTimeoutFn']>
+    readonly useTimeoutPoll: UnwrapRef<typeof import('@vueuse/core')['useTimeoutPoll']>
+    readonly useTimestamp: UnwrapRef<typeof import('@vueuse/core')['useTimestamp']>
+    readonly useTitle: UnwrapRef<typeof import('@vueuse/core')['useTitle']>
+    readonly useToast: UnwrapRef<typeof import('../../../packages/vue-app/composables/useToast')['useToast']>
+    readonly useToastWeb: UnwrapRef<typeof import('../../../packages/vue-app/composables/useToast.web')['useToastWeb']>
+    readonly useToggle: UnwrapRef<typeof import('@vueuse/core')['useToggle']>
+    readonly useTransition: UnwrapRef<typeof import('@vueuse/core')['useTransition']>
+    readonly useUrlSearchParams: UnwrapRef<typeof import('@vueuse/core')['useUrlSearchParams']>
+    readonly useUserMedia: UnwrapRef<typeof import('@vueuse/core')['useUserMedia']>
+    readonly useUserStore: UnwrapRef<typeof import('./stores/useUserStore')['useUserStore']>
+    readonly useVModel: UnwrapRef<typeof import('@vueuse/core')['useVModel']>
+    readonly useVModels: UnwrapRef<typeof import('@vueuse/core')['useVModels']>
+    readonly useValidateField: UnwrapRef<typeof import('vee-validate')['useValidateField']>
+    readonly useValidateForm: UnwrapRef<typeof import('vee-validate')['useValidateForm']>
+    readonly useVibrate: UnwrapRef<typeof import('@vueuse/core')['useVibrate']>
+    readonly useVirtualList: UnwrapRef<typeof import('@vueuse/core')['useVirtualList']>
+    readonly useWakeLock: UnwrapRef<typeof import('@vueuse/core')['useWakeLock']>
+    readonly useWebNotification: UnwrapRef<typeof import('@vueuse/core')['useWebNotification']>
+    readonly useWebSocket: UnwrapRef<typeof import('@vueuse/core')['useWebSocket']>
+    readonly useWebWorker: UnwrapRef<typeof import('@vueuse/core')['useWebWorker']>
+    readonly useWebWorkerFn: UnwrapRef<typeof import('@vueuse/core')['useWebWorkerFn']>
+    readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
+    readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
+    readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
+    readonly validate: UnwrapRef<typeof import('vee-validate')['validate']>
+    readonly viewport: UnwrapRef<typeof import('../../../packages/vue-app/composables/viewport')['default']>
+    readonly watch: UnwrapRef<typeof import('vue')['watch']>
+    readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
+    readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
+    readonly watchDebounced: UnwrapRef<typeof import('@vueuse/core')['watchDebounced']>
+    readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
+    readonly watchIgnorable: UnwrapRef<typeof import('@vueuse/core')['watchIgnorable']>
+    readonly watchOnce: UnwrapRef<typeof import('@vueuse/core')['watchOnce']>
+    readonly watchPausable: UnwrapRef<typeof import('@vueuse/core')['watchPausable']>
+    readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
+    readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
+    readonly watchThrottled: UnwrapRef<typeof import('@vueuse/core')['watchThrottled']>
+    readonly watchTriggerable: UnwrapRef<typeof import('@vueuse/core')['watchTriggerable']>
+    readonly watchWithFilter: UnwrapRef<typeof import('@vueuse/core')['watchWithFilter']>
+    readonly whenever: UnwrapRef<typeof import('@vueuse/core')['whenever']>
+  }
+}
diff --git a/apps/vue-admin/src/components.d.ts b/apps/vue-admin/src/components.d.ts
new file mode 100644
index 00000000..abe62973
--- /dev/null
+++ b/apps/vue-admin/src/components.d.ts
@@ -0,0 +1,37 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    AtomActionMessage: typeof import('./../../../packages/vue-design-system/components/atom/action-message.vue')['default']
+    AtomButton: typeof import('./../../../packages/vue-design-system/components/atom/Button.vue')['default']
+    AtomHDialogBg: typeof import('./../../../packages/vue-design-system/components/atom/h-dialog-bg.vue')['default']
+    AtomHOverlay: typeof import('./../../../packages/vue-design-system/components/atom/h-overlay.vue')['default']
+    AtomSectionTitle: typeof import('./../../../packages/vue-design-system/components/atom/section-title.vue')['default']
+    ExploreContainer: typeof import('./../../../packages/vue-design-system/components/ExploreContainer.vue')['default']
+    FormCheckboxWithValidation: typeof import('./../../../packages/vue-design-system/components/form/checkbox-with-validation.vue')['default']
+    FormInputWithValidation: typeof import('./../../../packages/vue-design-system/components/form/input-with-validation.vue')['default']
+    FormSection: typeof import('./../../../packages/vue-design-system/components/form/section.vue')['default']
+    HelloWorld: typeof import('./components/HelloWorld.vue')['default']
+    MainPanel: typeof import('./components/MainPanel.vue')['default']
+    NButton: typeof import('naive-ui')['NButton']
+    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDropdown: typeof import('naive-ui')['NDropdown']
+    NGlobalStyle: typeof import('naive-ui')['NGlobalStyle']
+    NInput: typeof import('naive-ui')['NInput']
+    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+    NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
+    NScrollbar: typeof import('naive-ui')['NScrollbar']
+    OrgLeftSidebar: typeof import('./components/org/left-sidebar.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SidePanel: typeof import('./components/SidePanel.vue')['default']
+    TemLoadData: typeof import('./components/tem/LoadData.vue')['default']
+    TitleHead: typeof import('./../../../packages/vue-design-system/components/TitleHead.vue')['default']
+    UnoIcon: typeof import('./../../../packages/vue-design-system/components/UnoIcon.vue')['default']
+  }
+}
diff --git a/apps/vue-admin/src/components/HelloWorld.vue b/apps/vue-admin/src/components/HelloWorld.vue
new file mode 100644
index 00000000..f73ec64a
--- /dev/null
+++ b/apps/vue-admin/src/components/HelloWorld.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">
+    count is: {{ count }}
+  </button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<style scoped>
+  a {
+    color: #42b983;
+  }
+
+  label {
+    margin: 0 0.5em;
+    font-weight: bold;
+  }
+
+  code {
+    background-color: #eee;
+    padding: 2px 4px;
+    border-radius: 4px;
+    color: #304455;
+  }
+</style>
diff --git a/apps/vue-admin/src/components/MainPanel.vue b/apps/vue-admin/src/components/MainPanel.vue
new file mode 100644
index 00000000..f9be1301
--- /dev/null
+++ b/apps/vue-admin/src/components/MainPanel.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="sm:pl-64 w-full h-full sm:shadow">
+    <slot />
+  </div>
+</template>
diff --git a/apps/vue-admin/src/components/SidePanel.vue b/apps/vue-admin/src/components/SidePanel.vue
new file mode 100644
index 00000000..72dbc108
--- /dev/null
+++ b/apps/vue-admin/src/components/SidePanel.vue
@@ -0,0 +1,118 @@
+<script setup lang="ts">
+import {
+  Popover,
+  PopoverButton,
+  PopoverPanel,
+} from '@headlessui/vue'
+
+import { useRoute } from 'vue-router'
+import { onMounted } from 'vue'
+const emit = defineEmits(['scroll'])
+const user = useUserStore()
+const route = useRoute()
+async function signOut() {
+
+}
+
+function openLink(link: string, close: () => void) {
+
+}
+
+onMounted(() => {
+  // Scroll mainpanel even when cursor is on sidepanel
+  const sidePanel = document.getElementById('sidepanel')
+  if (!sidePanel)
+    return
+  sidePanel.onwheel = (event: WheelEvent) => {
+    emit('scroll', event.deltaY)
+  }
+})
+</script>
+
+<template>
+  <Popover class="">
+    <div id="sidepanel" class="sm:fixed h-full bg-gradient-to-b from-backdrop to-surface dark:from-slate-800 dark:to-slate-900 flex-none sm:w-64 flex flex-col justify-between text-primary dark:text-primary-dark">
+      <div class="space-y-8">
+        <div class="px-4 sm:px-0 flex justify-between items-center sm:block w-full">
+          <!-- App Name -->
+          <div class="sm:px-7 py-6">
+            <AppLogo class="w-max" />
+          </div>
+          <div class="sm:hidden flex items-center gap-4">
+            <DarkMode />
+            <PopoverButton class="rounded-md p-0 inline-flex items-center justify-center text-neutral-400 hover:text-neutral-500 hover:bg-neutral-100 focus:outline-none focus:ring-0">
+              <span class="sr-only">Open menu</span>
+              <MenuIcon class="h-6 w-6" aria-hidden="true" />
+            </PopoverButton>
+          </div>
+          <div class="hidden sm:block">
+            <!-- Pages -->
+            <div class="space-y-1 px-3">
+              asdasd
+              <!-- <template v-for="page in store.dashboard.pages" :key="page.name">
+                <router-link
+                  :to="`/${page.page_id}`" class="block w-full truncate font-medium text-left px-4 py-2 hover:bg-surface dark:hover:bg-surface-dark"
+                  :class="[route.params.pageId === page.page_id ? 'bg-surface dark:bg-surface-dark font-semibold shadow rounded' : '']"
+                >
+                  {{ page.name }}
+                </router-link>
+              </template> -->
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="hidden sm:flex p-4 justify-between items-center">
+        <div class="flex items-center gap-2 group">
+          <div class="flex-shrink-0 h-12 w-12">
+            <Avatar />
+          </div>
+          <div class="font-medium text-sm opacity-0 group-hover:opacity-100 transition cursor-pointer" @click="signOut">
+            Log out
+          </div>
+        </div>
+        <DarkMode />
+      </div>
+    </div>
+    <transition enter-active-class="duration-200 ease-out" enter-from-class="opacity-0 scale-95" enter-to-class="opacity-100 scale-100" leave-active-class="duration-100 ease-in" leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
+      <PopoverPanel v-slot="{ close }" focus class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden z-50">
+        <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 divide-y-2 bg-white divide-neutral-50 dark:bg-neutral-800 dark:divide-neutral-700">
+          <div class="pt-4 pb-6 px-5">
+            <div class="flex items-center justify-between">
+              <div class="flex items-center gap-2">
+                <AppLogo />
+              </div>
+              <div class="-mr-2">
+                <PopoverButton class="rounded-md p-2 inline-flex items-center justify-center focus:outline-none focus:ring-0 text-neutral-400 dark:text-neutral-500">
+                  <span class="sr-only">Close menu</span>
+                  <XIcon class="h-6 w-6" aria-hidden="true" />
+                </PopoverButton>
+              </div>
+            </div>
+          </div>
+          <div class="sm:hidden">
+            <!-- Profile -->
+            <a class="py-6 flex items-center space-x-3 px-4 sm:px-6 select-none w-full" :title="store.user?.email || ''">
+              <div class="flex-shrink-0 h-12 w-12">
+                <Avatar />
+              </div>
+              <div class="space-y-1 shrink font-medium truncate text-neutral-800 dark:text-neutral-200">
+                {{ user.user.email || '' }}
+              </div>
+            </a>
+            <!-- Pages -->
+            <div class="flex flex-col divide-y border-t text-neutral-800 border-neutral-200 divide-neutral-200 dark:text-neutral-300 dark:border-neutral-700 dark:divide-neutral-700">
+              <!-- <template v-for="page in store.dashboard.pages" :key="page.name">
+                <template class="block hover:bg-neutral-100 font-medium">
+                  <button class="px-4 sm:px-6 py-4 block w-full truncate font-medium text-left" @click="openLink(page.page_id, close)">
+                    {{ page.name }}
+                  </button>
+                </template>
+              </template> -->
+              <a class="cursor-pointer hover:bg-neutral-100 font-medium px-4 sm:px-6 py-4 block w-full truncate" @click="signOut">Log out</a>
+            </div>
+          </div>
+        </div>
+      </PopoverPanel>
+    </transition>
+  </Popover>
+</template>
diff --git a/apps/vue-admin/src/components/org/left-sidebar.vue b/apps/vue-admin/src/components/org/left-sidebar.vue
new file mode 100644
index 00000000..198d28bc
--- /dev/null
+++ b/apps/vue-admin/src/components/org/left-sidebar.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>left</div>
+</template>
diff --git a/apps/vue-admin/src/components/tem/LoadData.vue b/apps/vue-admin/src/components/tem/LoadData.vue
new file mode 100644
index 00000000..6d2de438
--- /dev/null
+++ b/apps/vue-admin/src/components/tem/LoadData.vue
@@ -0,0 +1,10 @@
+<script  setup lang="ts">
+const store = useUserStore()
+onMounted(async () => {
+  await store.onInit()
+})
+</script>
+
+<template>
+<!-- Component used to asynchronously run database queries on every page navigation -->
+</template>
diff --git a/apps/vue-admin/src/composables/auth.ts b/apps/vue-admin/src/composables/auth.ts
new file mode 100644
index 00000000..ac901c86
--- /dev/null
+++ b/apps/vue-admin/src/composables/auth.ts
@@ -0,0 +1,76 @@
+import { AuthClient, AuthOptions } from '@productdevbook/auth'
+import axios from 'axios'
+export function useAuth() {
+  const customOptions = {
+    errorProperty: 'errors',
+    baseURL: 'http://localhost:4000',
+    endpoints: {
+      login: {
+        url: '/graphql',
+        method: 'post',
+      },
+      logout: {
+        url: '/graphql',
+        method: 'post',
+      },
+      user: {
+        url: '/graphql',
+        method: 'post',
+      },
+      refresh: {
+        url: '/graphql',
+        method: 'post',
+      },
+      signup: {
+        url: '/graphql',
+        method: 'post',
+      },
+    },
+    token: {
+      property: 'data.signIn.accessToken',
+      refreshProperty: 'data.signIn.refreshToken',
+      autoDecode: true,
+      name: 'Authorization',
+      storageName: 'access-token',
+      type: 'Bearer',
+    },
+    user: {
+      autoFetch: false,
+    },
+    refreshToken: {
+      property: 'data.refreshToken.refreshToken',
+      accessTokenProperty: 'data.refreshToken.accessToken',
+      refreshTokenProperty: 'data.refreshToken.refreshToken',
+      name: 'data',
+      autoLogout: true,
+      storageName: 'refresh-token',
+      enabled: true,
+      maxAge: 7,
+    },
+    redirect: {
+      home: '/onlogin',
+      login: '/auth/login',
+      logout: '/auth/login',
+    },
+    storage: {
+      driver: 'cookie',
+    },
+    logout: {
+      graphqlQuery: {
+        query: `
+          mutation logout {
+            logout
+          }
+          `,
+        variables: {},
+        operationName: 'logout',
+      },
+    },
+    // TODO: apiType ismi yapilacak
+    restApiType: 'graphql',
+  } as AuthOptions
+  const auth = AuthClient({ axios, options: customOptions })
+
+  return auth
+}
+export default useAuth
diff --git a/apps/vue-admin/src/composables/get-theme.ts b/apps/vue-admin/src/composables/get-theme.ts
new file mode 100644
index 00000000..1f959c37
--- /dev/null
+++ b/apps/vue-admin/src/composables/get-theme.ts
@@ -0,0 +1,17 @@
+import { SelectedTheme } from 'vue-app/types'
+import { useUserStore } from '~/stores/useUserStore'
+
+export const changeLocalStoreTheme = (select: SelectedTheme) => {
+  const userStore = useUserStore()
+  localStorage.setItem('vueuse-color-scheme', select)
+  if (select === 'dark') {
+    document.documentElement.classList.remove('light')
+    document.documentElement.classList.add('dark')
+    userStore.changeTheme('dark')
+  }
+  else if (select === 'light') {
+    document.documentElement.classList.remove('dark')
+    document.documentElement.classList.add('light')
+    userStore.changeTheme('light')
+  }
+}
diff --git a/apps/vue-admin/src/layouts/default.vue b/apps/vue-admin/src/layouts/default.vue
new file mode 100644
index 00000000..94ca203e
--- /dev/null
+++ b/apps/vue-admin/src/layouts/default.vue
@@ -0,0 +1,129 @@
+<script setup lang="ts">
+import { inject, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useCookies } from '@vueuse/integrations/useCookies'
+import { languages } from 'vue-app/utils'
+import { useMessage, useNotification } from 'naive-ui'
+import availableLanguages from '../../locales/available-languages.json'
+
+import { setLanguage } from '../../locales/set-language'
+// import {useUserStore} from '~/stores'
+import { monoRepoI18n } from '~/modules/i18n'
+
+const { t } = useI18n()
+// const {theme} = useUserStore()
+const isDark = inject('isDark')
+const languagesData = languages(availableLanguages)
+const isLanguageViewOpen = ref(false)
+const cookies = useCookies(['locale'])
+
+const changeLanguage = (lang: string) => {
+  setLanguage(lang, monoRepoI18n)
+  localStorage.setItem('lang', lang)
+  cookies.set('locale', lang)
+}
+onMounted(() => {
+  window.$message = useMessage()
+  window.$notication = useNotification()
+})
+</script>
+
+<template>
+  <div class="flex-1-0 flex h-screen flex-col overflow-auto">
+    <div class="flex-1-0 flex h-screen flex-col justify-between">
+      <NScrollbar>
+        <router-view />
+      </NScrollbar>
+      <div class="absolute bottom-3 left-5 space-y-4">
+        <div>
+          <button
+            :class="
+              isDark
+                ? 'bg-su-900 hover:bg-su-200 dark:hover:bg-su-800 dark:hover:text-su-50'
+                : 'bg-gunes-600 text-gunes-50 hover:bg-gunes-500 hover:text-gunes-900'
+            "
+            class="flex items-center rounded-md py-2 px-4 text-sm shadow-lg"
+            role="menuitem"
+            tabindex="-1"
+          >
+            <AtomHIcon
+              :style="{
+                '--h-icon-color': isDark ? '#0f94bf' : '#fdfbf3',
+              }"
+              :name="isDark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
+            />
+          </button>
+        </div>
+        <div>
+          <button
+            class="flex items-center rounded-md bg-dark-300 py-2 px-4 text-sm text-white shadow-lg"
+            role="menuitem"
+            tabindex="-1"
+            @click="isLanguageViewOpen = !isLanguageViewOpen"
+          >
+            <AtomHIcon name="i-ph-translate-bold" />
+          </button>
+        </div>
+      </div>
+      <AtomHDialogBg
+        v-model="isLanguageViewOpen"
+        placement="center-bottom"
+        @esc="isLanguageViewOpen = false"
+      >
+        <div
+          class="max-h-(100vh-200px) inline-block w-full overflow-hidden rounded-lg bg-white text-left align-bottom shadow-xl transition-all dark:bg-dark-100 sm:my-8 sm:w-full sm:max-w-lg sm:align-middle"
+        >
+          <div class="relative h-32 overflow-hidden">
+            <img
+              class="h-32 w-full object-cover"
+              src="https://images.unsplash.com/photo-1550895030-823330fc2551?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=512&h=128&q=100"
+              alt=""
+            >
+          </div>
+          <div class="space-y-4 p-4">
+            <div class="text-lg font-bold">
+              {{ t('language.change') }}
+            </div>
+            <div class="grid grid-cols-3 gap-6">
+              <button
+                v-for="language in languagesData"
+                :key="language.value"
+                :class="
+                  cookies.get('locale') === language.value
+                    ? 'bg-green-600 text-white'
+                    : 'bg-gray-100 dark:bg-dark-200'
+                "
+                class="h-14 rounded p-2 font-medium"
+                @click="changeLanguage(language.value)"
+              >
+                <span> {{ language.value }}</span>
+              </button>
+            </div>
+          </div>
+          <div
+            class="mt-5 grid grid-flow-row-dense grid-cols-1 gap-3 p-4 sm:mt-6 sm:grid-flow-row-dense sm:grid-cols-3 [&>*]:rounded-lg [&>*]:p-3"
+          >
+            <button
+              class="col-span-1 bg-gray-200 sm:col-span-1"
+              secondary
+              full
+              size="base"
+              @click="isLanguageViewOpen = false"
+            >
+              {{ t('global.cancel') }}
+            </button>
+            <button
+              class="col-span-1 bg-green-600 text-white sm:col-span-2"
+              size="base"
+              full
+              kind="success"
+              @click="isLanguageViewOpen = false"
+            >
+              {{ t('global.save') }}
+            </button>
+          </div>
+        </div>
+      </AtomHDialogBg>
+    </div>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/layouts/user.vue b/apps/vue-admin/src/layouts/user.vue
new file mode 100644
index 00000000..1ec01db0
--- /dev/null
+++ b/apps/vue-admin/src/layouts/user.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+const userStore = useUserStore()
+const route = useRoute()
+// if (route.path === '/' && store.dashboard.pages.length)
+//   router.push(`/${store.dashboard.pages[0].page_id}`)
+
+function scrollMainPanel(deltaY: number) {
+  const element = document.getElementById('mainpanel')
+  if (!element)
+    return
+  element.scrollBy({ top: deltaY, behavior: 'auto' })
+}
+</script>
+
+<template>
+  <div>
+    <div class="relative min-h-screen flex flex-col">
+      <div class="flex-grow w-full mx-auto sm:flex bg-surface dark:bg-surface-dark">
+        <div v-if="userStore.user && userStore.user.id" class="sm:flex w-full transition">
+          <SidePanel @scroll="scrollMainPanel" />
+          <MainPanel id="mainpanel">
+            <router-view v-slot="{ Component }">
+              <transition mode="out-in">
+                <component :is="Component" :key="route.fullPath" />
+              </transition>
+            </router-view>
+          </MainPanel>
+        </div>
+      </div>
+    </div>
+    <TemLoadData :key="route.fullPath" />
+  </div>
+</template>
+
+<style>
+html {
+  scroll-behavior: smooth;
+}
+.v-enter-active,
+.v-leave-active {
+  transition: opacity 0.25s ease;
+}
+.v-enter-from,
+.v-leave-to {
+  opacity: 0.3;
+}
+</style>
diff --git a/apps/vue-admin/src/main.ts b/apps/vue-admin/src/main.ts
new file mode 100644
index 00000000..a529fa12
--- /dev/null
+++ b/apps/vue-admin/src/main.ts
@@ -0,0 +1,83 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import axios from 'axios'
+import 'uno.css'
+import './assets/base.css'
+import { createHead } from '@vueuse/head'
+import { onMessage } from 'firebase/messaging'
+import router, { routes } from './router'
+import { messaging } from './services/notifications'
+import App from './App.vue'
+// import { onMessage } from 'firebase/messaging'
+// import { messaging } from './services/notifications'
+
+const meta = document.createElement('meta')
+meta.name = 'naive-ui-style'
+document.head.appendChild(meta)
+const head = createHead()
+
+const pinia = createPinia()
+const app = createApp(App).use(router).use(pinia).use(head)
+async function init() {
+  try {
+    Object.values(import.meta.glob('./modules/*.ts', { eager: true })).map((i: any) =>
+      i.install?.({ app, router, routes, pinia, axios }),
+    )
+
+    router.isReady().then(() => {
+      app.mount('#app')
+    })
+    app.config.unwrapInjectedRef = true
+
+    // await registerSW({ immediate: true })(true);
+  }
+  catch (e) {
+    console.error(e)
+  }
+  finally {
+    // eslint-disable-next-line no-console
+    console.log('init')
+  }
+}
+if (import.meta.hot)
+  import.meta.hot.accept()
+
+init()
+onMessage(messaging, (payload) => {
+  if (payload.notification === undefined)
+    return
+
+  // console.log(payload.data)
+  const notificationData = payload
+
+  // eslint-disable-next-line no-console
+  console.log(
+    '[firebase-messaging-sw.js] Received foreground message ',
+    notificationData,
+  )
+  const { tSuccess } = usePWebNotification()
+  if (notificationData.data)
+    tSuccess({ title: notificationData.data.title, description: notificationData.data.body })
+
+  const { title, body } = notificationData.data as { title: string; body: string }
+  const notificationTitle = title
+  const notificationOptions = {
+    body,
+    icon: '/logo-dark.png',
+  }
+
+  navigator.serviceWorker.ready.then((registration) => {
+    registration
+      .showNotification(notificationTitle, notificationOptions)
+      .then(() => {
+        // eslint-disable-next-line no-console
+        console.log('[firebase-messaging-sw.js] Notification shown')
+      })
+      .catch((error) => {
+        console.error(
+          '[firebase-messaging-sw.js] Error showing notification',
+          error,
+        )
+      })
+  })
+})
diff --git a/apps/vue-admin/src/modules/apollo-graphql.ts b/apps/vue-admin/src/modules/apollo-graphql.ts
new file mode 100644
index 00000000..385d7da1
--- /dev/null
+++ b/apps/vue-admin/src/modules/apollo-graphql.ts
@@ -0,0 +1,187 @@
+import {
+  ApolloClient,
+  ApolloLink,
+  FetchResult,
+  Observable,
+  Operation,
+  fromPromise,
+  split,
+} from '@apollo/client/core'
+import { InMemoryCache } from '@apollo/client/cache'
+import { setContext } from '@apollo/client/link/context'
+import { onError } from '@apollo/client/link/error'
+import { createUploadLink } from 'apollo-upload-client'
+import type { Client } from 'graphql-ws'
+import { createClient } from 'graphql-ws'
+import { DefaultApolloClient } from '@vue/apollo-composable'
+import { asyncMap, getMainDefinition } from '@apollo/client/utilities'
+import { createPersistedQueryLink } from '@apollo/client/link/persisted-queries'
+import sha256 from 'crypto-js/sha256'
+import { AppModule } from 'vue-app/types'
+import { print } from 'graphql'
+import { useAuth } from '~/composables/auth'
+const uri = import.meta.env.VITE_GRAPHQL_ENDPOINT
+const socket = import.meta.env.VITE_GRAPHQL_ENDPOINT_WS
+
+const ip = import.meta.env.VITE_SERVER_URL
+const dev = import.meta.env.dev
+
+class WebSocketLink extends ApolloLink {
+  private client: Client
+
+  constructor(client: Client) {
+    super()
+    this.client = client
+  }
+
+  public request(operation: Operation): Observable<FetchResult> {
+    return new Observable((observer) => {
+      return this.client.subscribe<FetchResult>(
+        {
+          ...operation,
+          query: print(operation.query),
+        },
+        {
+          next: observer.next.bind(observer),
+          complete: observer.complete.bind(observer),
+          error: observer.error.bind(observer),
+        },
+      )
+    })
+  }
+}
+
+// Create the subscription websocket link
+const wsClient = createClient({
+  // url: `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${
+  //   window.location.host
+  // }/api`,
+  url: socket || `ws://${ip}:4000/subscriptions`,
+  isFatalConnectionProblem: () => false,
+  retryAttempts: Infinity,
+})
+
+// avoid duplicated online/offline event
+let isOnline = false
+wsClient.on('opened', () => {
+  if (isOnline)
+    return
+
+  // events.online.dispatchEvent()
+  isOnline = true
+})
+wsClient.on('closed', () => {
+  if (!isOnline)
+    return
+
+  isOnline = false
+  // events.offline.dispatchEvent()
+})
+const wsLink = new WebSocketLink(wsClient)
+
+const httpLink = createUploadLink({
+  uri: uri || `http://${ip}:4000/graphql`,
+  credentials: 'same-origin',
+})
+
+const apqLink = createPersistedQueryLink({
+  sha256: i => sha256(i).toString(),
+})
+
+const authMiddleware = new ApolloLink((operation, forward) => {
+  const { token } = operation.getContext()
+  console.log(operation.getContext())
+  operation.setContext(() => ({
+    headers: {
+      Authorization: token ? `Bearer ${token}` : '',
+    },
+  }))
+  return forward(operation)
+})
+const splitLink = () => {
+  return split(
+    ({ query }) => {
+      const definition = getMainDefinition(query)
+      return (
+        definition.kind === 'OperationDefinition'
+        && definition.operation === 'subscription'
+      )
+    },
+    authMiddleware.concat(wsLink),
+    authMiddleware.concat(httpLink),
+  )
+}
+
+const errorHandler = () => {
+  const { refreshToken } = useAuth()
+  return onError(({ graphQLErrors, networkError, operation, forward }): any => {
+    if (graphQLErrors) {
+      for (const err of graphQLErrors) {
+        switch (err.message) {
+          case 'Unauthorized':
+            return fromPromise(refreshToken())
+              .filter(value => Boolean(value))
+              .flatMap((accessToken) => {
+                const oldHeaders = operation.getContext().headers
+
+                // modify the operation context with a new token
+                operation.setContext({
+                  headers: {
+                    ...oldHeaders,
+                    authorization: `Bearer ${accessToken}`,
+                  },
+                })
+                return forward(operation)
+              })
+          case 'FORBIDDEN':
+            // changeAppAccess(false)
+            break
+          default:
+            if (dev) {
+              // eslint-disable-next-line no-console
+              console.log(graphQLErrors, 'graphQLErrors')
+            }
+            useToast(err.message, { color: 'warning' })
+            return forward(operation)
+        }
+      }
+    }
+    else {
+      // changeAppAccess(true)
+    }
+
+    if (networkError) {
+      // eslint-disable-next-line no-console
+      console.log(`[Network error]: ${networkError}`)
+    }
+    return null
+  })
+}
+
+const withToken = setContext(async () => {
+  const { getToken } = useAuth()
+  const token = await getToken()
+  return { token }
+})
+// Cache implementation
+const cache = new InMemoryCache({
+  addTypename: false,
+})
+
+function apolloClient() {
+  return new ApolloClient({
+    link: ApolloLink.from([withToken, errorHandler(), splitLink()]),
+    cache,
+    connectToDevTools: !!dev,
+  })
+}
+export { apolloClient }
+
+export const install: AppModule = ({ app }) => {
+  const apolloClient = new ApolloClient({
+    link: ApolloLink.from([withToken, errorHandler(), splitLink()]),
+    cache,
+    connectToDevTools: !!dev,
+  })
+  app.provide(DefaultApolloClient, apolloClient)
+}
diff --git a/apps/vue-admin/src/modules/i18n.ts b/apps/vue-admin/src/modules/i18n.ts
new file mode 100644
index 00000000..2b8c8a07
--- /dev/null
+++ b/apps/vue-admin/src/modules/i18n.ts
@@ -0,0 +1,16 @@
+import { createI18n } from 'vue-i18n'
+
+import messages from '@intlify/vite-plugin-vue-i18n/messages'
+import { AppModule } from 'vue-app/types'
+
+export const monoRepoI18n = createI18n({
+  legacy: false,
+  locale: 'en-US',
+  fallbackLocale: 'en-US',
+  messages,
+  fallbackWarn: false,
+})
+
+export const install: AppModule = ({ app }) => {
+  app.use(monoRepoI18n)
+}
diff --git a/apps/vue-admin/src/pages/[username]/index.vue b/apps/vue-admin/src/pages/[username]/index.vue
new file mode 100644
index 00000000..f00f3dc5
--- /dev/null
+++ b/apps/vue-admin/src/pages/[username]/index.vue
@@ -0,0 +1,48 @@
+<route lang="yaml">
+meta:
+  auth: user
+  layout: user
+</route>
+
+<script setup lang="ts">
+const { tError, tSuccess } = useToastWeb()
+// const { t } = useI18n()
+const { logout, refreshToken } = useAuth()
+const { result } = useGetUserInfoQuery()
+const router = useRouter()
+const logoutLoading = ref(false)
+const user = useUserStore()
+const logoutButton = () => {
+  logout(null, {
+    onLoading: (res) => {
+      logoutLoading.value = res
+    },
+    onSuccess: (res) => {
+      tSuccess('Logged out')
+      router.push(res)
+    },
+    onError: (res) => {
+      tError(res.error)
+    },
+  })
+}
+
+const refreshTokenSubmit = async () => {
+  await refreshToken()
+}
+</script>
+
+<template>
+  <div>
+    <NButton @click="logoutButton">
+      Logout
+    </NButton>
+    <NButton @click="user.getUser()">
+      refreshToken
+    </NButton>
+    <div v-if="result">
+      {{ result }}
+    </div>
+    a
+  </div>
+</template>
diff --git a/apps/vue-admin/src/pages/auth/forgot.vue b/apps/vue-admin/src/pages/auth/forgot.vue
new file mode 100644
index 00000000..63aaba28
--- /dev/null
+++ b/apps/vue-admin/src/pages/auth/forgot.vue
@@ -0,0 +1,100 @@
+<route lang="yaml">
+meta:
+  auth: self
+</route>
+
+<script setup lang="ts">
+import { ForgotPasswordInput } from '@oku/api/types/schema'
+import { SchemaOf, object as yupObject, string as yupString } from 'yup'
+// const router = useRouter()
+const { t } = useI18n()
+const schema: SchemaOf<ForgotPasswordInput> = yupObject({
+  email: yupString().required().email(),
+})
+
+const { form, onInvalidSubmit } = useFormSection<ForgotPasswordInput>(schema, {
+  email: 'hi@productdevbook.com',
+})
+const successSendEmail = ref(false)
+const { mutate, loading, onDone } = useForgotPasswordMutation({
+  variables: {
+    data: {
+      email: '',
+    },
+  },
+})
+onDone((res) => {
+  if (res.data && res.data.forgotPassword)
+    successSendEmail.value = true
+})
+const onSubmit = form.handleSubmit(async (values) => {
+  mutate({ data: values })
+}, onInvalidSubmit)
+</script>
+
+<template>
+  <div
+    class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8"
+  >
+    <div class="w-full max-w-md space-y-8">
+      <div>
+        <img class="mx-auto h-24 w-auto" src="/logo-light.png" alt="appname">
+        <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
+          Forgot Password
+        </h2>
+        <p class="mt-2 text-center text-sm text-gray-600">
+          Or
+          {{ ' ' }}
+          <a href="#" class="font-medium text-green-600 hover:text-green-500">
+            start your 14-day free trial
+          </a>
+        </p>
+      </div>
+      <FormSection v-show="!successSendEmail" @oku-submit="onSubmit">
+        <template #form>
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_email"
+              :placeholder="t('resetPassword.input')"
+              name="email"
+              type="text"
+              :label="t('resetPassword.input')"
+              autocomplete="email"
+            />
+          </div>
+        </template>
+        <template #actions>
+          <div class="mb-8 w-full">
+            <AtomButton
+              attr-type="submit"
+              block
+              type="success"
+              :loading="loading"
+              :disabled="form.isSubmitting.value"
+              :class="{ 'opacity-25': form.isSubmitting.value }"
+              @keypress.enter="onSubmit"
+            >
+              {{ t('resetPassword.button') }}
+            </AtomButton>
+          </div>
+        </template>
+        <div class="flex flex-col items-center justify-center">
+          <div>
+            <router-link
+              to="/auth/login"
+              class="ion-margin-top text-muted-blue-500 font-semibold underline"
+            >
+              {{ t('login.login-in') }}
+            </router-link>
+          </div>
+
+          <div class="mx-auto mt-4 text-center">
+            <button class="mx-auto font-bold text-gray-500">
+              {{ t('global.version') }}
+            </button>
+          </div>
+        </div>
+      </FormSection>
+    </div>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/pages/auth/login.vue b/apps/vue-admin/src/pages/auth/login.vue
new file mode 100644
index 00000000..ea45c918
--- /dev/null
+++ b/apps/vue-admin/src/pages/auth/login.vue
@@ -0,0 +1,168 @@
+<route lang="yaml">
+meta:
+  auth: self
+</route>
+
+<script lang="ts" setup>
+import type { SchemaOf } from 'yup'
+import { boolean, object, string } from 'yup'
+import type { SignInInput } from '@oku/api'
+import { useI18n } from 'vue-i18n'
+import { initNotif } from '~/services/notifications'
+
+const userStore = useUserStore()
+const { t } = useI18n()
+const { login } = useAuth()
+const { tError } = useToastWeb()
+
+const router = useRouter()
+
+const schema: SchemaOf<SignInInput> = markRaw(
+  object().shape({
+    email: string().required().email(),
+    password: string()
+      .required()
+      .matches(
+        /^.*(?=.{8,})((?=.*[!@#$%^&*()\-_=+{};:,<.>]){1})(?=.*\d)((?=.*[a-z]){1})((?=.*[A-Z]){1}).*$/,
+        t('accountPassword.password_matches'),
+      ),
+    rememberMe: boolean().required(),
+    isCookies: boolean().required(),
+  }),
+)
+
+const { form, onInvalidSubmit } = useFormSection<SignInInput>(schema, {
+  email: 'hi@productdevbook.com',
+  password: '}c3!c+zs6~X+eJ)q',
+  isCookies: false,
+  rememberMe: false,
+})
+const isLoading = ref(false)
+const onSubmit = form.handleSubmit(async (values) => {
+  await login({
+    data: {
+      query: `
+    mutation Mutation($signIn: SignInInput!) {
+  signIn(data: $signIn) {
+    accessToken
+    refreshToken
+  }
+}
+    `,
+      variables: {
+        signIn: {
+          email: values.email,
+          password: values.password,
+          rememberMe: values.rememberMe,
+        },
+      },
+    },
+  },
+  {
+    onLoading: (res) => {
+      isLoading.value = res
+    },
+    onError: (error) => {
+      tError(error[0].message)
+    },
+    onUser: (res) => {
+      router.push('/onlogin')
+    },
+  })
+}, onInvalidSubmit)
+</script>
+
+<template>
+  <div
+    class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8"
+  >
+    <div class="w-full max-w-md space-y-8">
+      <div>
+        <router-link to="/">
+          <img class="mx-auto h-24 w-auto" src="/logo-light.png" alt="appname">
+        </router-link>
+        <h2 class="mt-6 text-center text-3xl font-extrabold">
+          Sign in to your account
+        </h2>
+      </div>
+
+      <FormSection @oku-submit="onSubmit">
+        <template #form>
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_email"
+              name="email"
+              type="text"
+              :label="t('login.email')"
+              autocomplete="email"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="password"
+              name="password"
+              type="password"
+              :label="t('login.password')"
+              autocomplete="new-password"
+            />
+          </div>
+          <div class="col-span-full flex items-center justify-between">
+            <div class="flex items-center">
+              <input
+                id="remember-me"
+                name="remember-me"
+                type="checkbox"
+                class="h-4 w-4 rounded border-gray-300 text-green-600 focus:ring-green-500"
+              >
+              <label
+                for="remember-me"
+                class="ml-2 block text-sm text-gray-900 dark:text-gray-200"
+              >
+                {{ t('login.remember') }}
+              </label>
+            </div>
+
+            <div class="text-sm">
+              <router-link
+                to="/auth/forgot"
+                class="font-medium text-green-600 hover:text-green-500"
+              >
+                {{ t('forgot.heading') }}
+              </router-link>
+            </div>
+          </div>
+        </template>
+        <template #actions>
+          <div class="mb-8 w-full">
+            <NButton
+              attr-type="submit"
+              block
+              type="success"
+              :loading="isLoading"
+              :disabled="form.isSubmitting.value"
+              :class="{ 'opacity-25': form.isSubmitting.value }"
+              @keypress.enter="onSubmit"
+            >
+              {{ t('signup.submit') }}
+            </NButton>
+          </div>
+        </template>
+      </FormSection>
+
+      <div class="w-full">
+        <router-link to="/auth/signup">
+          <AtomButton
+            attr-type="button"
+            secondary
+            size="large"
+            type="success"
+            block
+          >
+            {{ t('login.signup') }}
+          </AtomButton>
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/pages/auth/signup.vue b/apps/vue-admin/src/pages/auth/signup.vue
new file mode 100644
index 00000000..7a44eb08
--- /dev/null
+++ b/apps/vue-admin/src/pages/auth/signup.vue
@@ -0,0 +1,180 @@
+<route lang="yaml">
+meta:
+  auth: self
+</route>
+
+<script lang="ts" setup>
+import { useMessage } from 'naive-ui'
+import {
+  SchemaOf,
+  boolean as yupBoolean,
+  object as yupObject,
+  ref as yupRef,
+  string as yupString,
+} from 'yup'
+import { useI18n } from 'vue-i18n'
+import { SignUpInput } from '@oku/api/types/schema'
+
+const $toast = useMessage()
+const { t } = useI18n()
+
+const schema: SchemaOf<SignUpInput> = yupObject({
+  displayName: yupString().required(),
+  email: yupString().required().email(),
+  password: yupString()
+    .required()
+    .matches(
+      /^.*(?=.{8,})((?=.*[!@#$%^&*()\-_=+{};:,<.>]){1})(?=.*\d)((?=.*[a-z]){1})((?=.*[A-Z]){1}).*$/,
+      t('accountPassword.password_matches'),
+    ),
+  confirmPassword: yupString()
+    .required(t('signup.error_confirm_password'))
+    .oneOf([yupRef('password')], t('signup.error_confirm_password')),
+  name: yupString().required(),
+  username: yupString().required(),
+  isTermsAccepted: yupBoolean()
+    .required(t('signup.error_terms'))
+    .typeError(t('signup.error_terms')),
+})
+
+const { form, onInvalidSubmit } = useFormSection<SignUpInput>(schema, {
+  displayName: 'test',
+  email: 'hi@productdevbook.com',
+  password: '}c3!c+zs6~X+eJ)q',
+  confirmPassword: '}c3!c+zs6~X+eJ)q',
+  name: 'test',
+  username: 'test',
+  isTermsAccepted: true,
+})
+
+const { mutate, loading, onDone, onError } = useSignupMutation({
+  variables: {
+    data: {} as any,
+  },
+})
+
+onError((error) => {
+  $toast.error(error.message)
+})
+onDone((data) => {
+  $toast.success(t('signup.success'))
+})
+
+const onSubmit = form.handleSubmit((values) => {
+  mutate({ data: values })
+}, onInvalidSubmit)
+</script>
+
+<template>
+  <div
+    class="flex min-h-full items-center justify-center py-12 px-4 sm:px-6 lg:px-8"
+  >
+    <div class="w-full max-w-md space-y-8">
+      <div>
+        <img class="mx-auto h-24 w-auto" src="/logo-light.png" alt="appname">
+        <h2 class="mt-6 text-center text-3xl font-extrabold">
+          Signup
+        </h2>
+      </div>
+
+      <FormSection class="w-full" @oku-submit="onSubmit">
+        <template #form>
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_display_name"
+              name="displayName"
+              type="text"
+              :label="t('signup.display-name')"
+              autocomplete="email"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_name"
+              name="name"
+              type="text"
+              :label="t('signup.name')"
+              autocomplete="name"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_username"
+              name="username"
+              type="text"
+              :label="t('signup.username')"
+              autocomplete="username"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="current_email"
+              name="email"
+              type="text"
+              :label="t('signup.email')"
+              autocomplete="email"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="password"
+              name="password"
+              type="password"
+              :label="t('signup.password')"
+              autocomplete="new-password"
+            />
+          </div>
+
+          <div class="col-span-full">
+            <FormInputWithValidation
+              id="confirm_password"
+              name="confirmPassword"
+              type="password"
+              :label="t('signup.confirm_password')"
+              autocomplete="new-password"
+            />
+          </div>
+
+          <div class="col-span-full flex flex-col">
+            <div class="mb-6 flex items-center">
+              <CheckboxWithValidation
+                id="a_isTermsAccepted"
+                name="isTermsAccepted"
+                :label="t('signup.terms')"
+              />
+            </div>
+          </div>
+        </template>
+
+        <template #actions>
+          <div class="flex space-x-3">
+            <div>
+              <NButton
+                attr-type="submit"
+                type="success"
+                :loading="loading"
+                :disabled="loading"
+                :class="{ 'opacity-25': loading }"
+              >
+                {{ t('signup.submit') }}
+              </NButton>
+            </div>
+          </div>
+        </template>
+      </FormSection>
+
+      <div class="flex w-full items-center justify-center text-sm">
+        <router-link
+          to="/auth/login"
+          class="font-medium text-green-600 hover:text-green-500"
+        >
+          {{ t('signup.have_account_login') }}
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/pages/index.vue b/apps/vue-admin/src/pages/index.vue
new file mode 100644
index 00000000..a62d08a4
--- /dev/null
+++ b/apps/vue-admin/src/pages/index.vue
@@ -0,0 +1,430 @@
+<route lang="yaml">
+meta:
+  auth: guest
+</route>
+
+<script setup lang="ts"></script>
+
+<template>
+  <div class="relative bg-gray-50">
+    <div class="relative bg-white shadow">
+      <div class="mx-auto max-w-7xl px-4 sm:px-6">
+        <div
+          class="flex items-center justify-between py-6 md:justify-start md:space-x-10"
+        >
+          <div class="flex justify-start lg:w-0 lg:flex-1">
+            <a href="#">
+              <span class="sr-only">Workflow</span>
+              <img
+                class="h-8 w-auto sm:h-10"
+                src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
+                alt=""
+              >
+            </a>
+          </div>
+          <div class="-my-2 -mr-2 md:hidden">
+            <button
+              type="button"
+              class="inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+              aria-expanded="false"
+            >
+              <span class="sr-only">Open menu</span>
+              <!-- Heroicon name: outline/menu -->
+              <svg
+                class="h-6 w-6"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M4 6h16M4 12h16M4 18h16"
+                />
+              </svg>
+            </button>
+          </div>
+          <nav class="hidden space-x-10 md:flex">
+            <div class="relative">
+              <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
+              <button
+                type="button"
+                class="group inline-flex items-center rounded-md bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                aria-expanded="false"
+              >
+                <span>Solutions</span>
+                <!--
+                Heroicon name: solid/chevron-down
+
+                Item active: "text-gray-600", Item inactive: "text-gray-400"
+              -->
+                <svg
+                  class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                    clip-rule="evenodd"
+                  />
+                </svg>
+              </button>
+            </div>
+
+            <a
+              href="#"
+              class="text-base font-medium text-gray-500 hover:text-gray-900"
+            >
+              Pricing
+            </a>
+            <a
+              href="#"
+              class="text-base font-medium text-gray-500 hover:text-gray-900"
+            >
+              Docs
+            </a>
+
+            <div class="relative">
+              <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
+              <button
+                type="button"
+                class="group inline-flex items-center rounded-md bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                aria-expanded="false"
+              >
+                <span>More</span>
+                <!--
+                Heroicon name: solid/chevron-down
+
+                Item active: "text-gray-600", Item inactive: "text-gray-400"
+              -->
+                <svg
+                  class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                    clip-rule="evenodd"
+                  />
+                </svg>
+              </button>
+            </div>
+          </nav>
+          <div class="hidden items-center justify-end md:flex md:flex-1 lg:w-0">
+            <router-link
+              to="/auth/login"
+              class="whitespace-nowrap text-base font-medium text-gray-500 hover:text-gray-900"
+            >
+              Sign in
+            </router-link>
+            <router-link
+              to="/auth/signup"
+              class="ml-8 inline-flex items-center justify-center whitespace-nowrap rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700"
+            >
+              Sign up
+            </router-link>
+          </div>
+        </div>
+      </div>
+
+      <!--
+      Mobile menu, show/hide based on mobile menu state.
+
+      Entering: "duration-200 ease-out"
+        From: "opacity-0 scale-95"
+        To: "opacity-100 scale-100"
+      Leaving: "duration-100 ease-in"
+        From: "opacity-100 scale-100"
+        To: "opacity-0 scale-95"
+    -->
+      <div
+        class="absolute inset-x-0 top-0 z-10 origin-top-right transform p-2 transition md:hidden"
+      >
+        <div
+          class="divide-y-2 divide-gray-50 rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
+        >
+          <div class="px-5 pt-5 pb-6">
+            <div class="flex items-center justify-between">
+              <div>
+                <img
+                  class="h-8 w-auto"
+                  src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
+                  alt="Workflow"
+                >
+              </div>
+              <div class="-mr-2">
+                <button
+                  type="button"
+                  class="inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+                >
+                  <span class="sr-only">Close menu</span>
+                  <!-- Heroicon name: outline/x -->
+                  <svg
+                    class="h-6 w-6"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M6 18L18 6M6 6l12 12"
+                    />
+                  </svg>
+                </button>
+              </div>
+            </div>
+            <div class="mt-6">
+              <nav class="grid gap-y-8">
+                <a
+                  href="#"
+                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
+                >
+                  <!-- Heroicon name: outline/chart-bar -->
+                  <svg
+                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+                    />
+                  </svg>
+                  <span class="ml-3 text-base font-medium text-gray-900">
+                    Analytics
+                  </span>
+                </a>
+
+                <a
+                  href="#"
+                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
+                >
+                  <!-- Heroicon name: outline/cursor-click -->
+                  <svg
+                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
+                    />
+                  </svg>
+                  <span class="ml-3 text-base font-medium text-gray-900">
+                    Engagement
+                  </span>
+                </a>
+
+                <a
+                  href="#"
+                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
+                >
+                  <!-- Heroicon name: outline/shield-check -->
+                  <svg
+                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+                    />
+                  </svg>
+                  <span class="ml-3 text-base font-medium text-gray-900">
+                    Security
+                  </span>
+                </a>
+
+                <a
+                  href="#"
+                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
+                >
+                  <!-- Heroicon name: outline/view-grid -->
+                  <svg
+                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
+                    />
+                  </svg>
+                  <span class="ml-3 text-base font-medium text-gray-900">
+                    Integrations
+                  </span>
+                </a>
+
+                <a
+                  href="#"
+                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
+                >
+                  <!-- Heroicon name: outline/refresh -->
+                  <svg
+                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+                    />
+                  </svg>
+                  <span class="ml-3 text-base font-medium text-gray-900">
+                    Automations
+                  </span>
+                </a>
+              </nav>
+            </div>
+          </div>
+          <div class="space-y-6 py-6 px-5">
+            <div class="grid grid-cols-2 gap-y-4 gap-x-8">
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Pricing
+              </a>
+
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Docs
+              </a>
+
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Help Center
+              </a>
+
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Guides
+              </a>
+
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Events
+              </a>
+
+              <a
+                href="#"
+                class="text-base font-medium text-gray-900 hover:text-gray-700"
+              >
+                Security
+              </a>
+            </div>
+            <div>
+              <a
+                href="#"
+                class="flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700"
+              >
+                Sign up
+              </a>
+              <p class="mt-6 text-center text-base font-medium text-gray-500">
+                Existing customer?
+                <a href="#" class="text-indigo-600 hover:text-indigo-500">
+                  Sign in
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <main class="lg:relative">
+      <div
+        class="mx-auto w-full max-w-7xl pt-16 pb-20 text-center lg:py-48 lg:text-left"
+      >
+        <div class="px-4 sm:px-8 lg:w-1/2 xl:pr-16">
+          <h1
+            class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl"
+          >
+            <span class="block xl:inline">Data to enrich your</span>
+            <span class="block text-indigo-600 xl:inline">online business</span>
+          </h1>
+          <p
+            class="mx-auto mt-3 max-w-md text-lg text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl"
+          >
+            Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui
+            lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat
+            fugiat aliqua.
+          </p>
+          <div class="mt-10 sm:flex sm:justify-center lg:justify-start">
+            <div class="rounded-md shadow">
+              <a
+                href="#"
+                class="flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 md:py-4 md:px-10 md:text-lg"
+              >
+                Get started
+              </a>
+            </div>
+            <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
+              <a
+                href="#"
+                class="flex w-full items-center justify-center rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-indigo-600 hover:bg-gray-50 md:py-4 md:px-10 md:text-lg"
+              >
+                Live demo
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="relative h-64 w-full sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:h-full lg:w-1/2"
+      >
+        <img
+          class="absolute inset-0 h-full w-full object-cover"
+          src="https://images.unsplash.com/photo-1520333789090-1afc82db536a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80"
+          alt=""
+        >
+      </div>
+    </main>
+  </div>
+</template>
diff --git a/apps/vue-admin/src/pages/onlogin.vue b/apps/vue-admin/src/pages/onlogin.vue
new file mode 100644
index 00000000..c9863e59
--- /dev/null
+++ b/apps/vue-admin/src/pages/onlogin.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+const userStore = useUserStore()
+const router = useRouter()
+onMounted(async () => {
+  await userStore.onInit()
+  setTimeout(() => {
+    console.log(userStore.user)
+    if (userStore.user)
+      router.push(userStore.user.username)
+  }, 2000)
+})
+</script>
+
+<template>
+  <div>
+    {{ userStore }}
+  </div>
+</template>
diff --git a/apps/vue-admin/src/router.ts b/apps/vue-admin/src/router.ts
new file mode 100644
index 00000000..c69e80db
--- /dev/null
+++ b/apps/vue-admin/src/router.ts
@@ -0,0 +1,47 @@
+import {
+  NavigationGuard,
+  NavigationHookAfter,
+  createRouter,
+  createWebHistory,
+} from 'vue-router'
+import { isSupportedLocale } from 'vue-app/utils'
+import * as NProgress from 'nprogress'
+import { useCookies } from '@vueuse/integrations/useCookies'
+
+/**
+ * routes are generated using vite-plugin-pages
+ * each .vue files located in the ./src/pages are registered as a route
+ * @see https://github.com/hannoeru/vite-plugin-pages/blob/main/examples/vue/src/main.ts
+ */
+
+import { setupLayouts } from 'virtual:generated-layouts'
+import generatedRoutes from 'virtual:generated-pages'
+import { setLanguage } from '../locales/set-language'
+import availableLanguages from '../locales/available-languages.json'
+import { monoRepoI18n } from './modules/i18n'
+
+export const routes = setupLayouts(generatedRoutes)
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+/**
+ * Handle NProgress display on page changes
+ */
+export const onBeforeEach: NavigationGuard = async () => {
+  NProgress.start()
+  const cookies = useCookies(['locale'])
+
+  if (isSupportedLocale(cookies.get('locale'), availableLanguages))
+    setLanguage(cookies.get('locale'), monoRepoI18n)
+}
+
+export const afterEach: NavigationHookAfter = async () => {
+  NProgress.done(true)
+}
+router.beforeEach(onBeforeEach)
+router.afterEach(afterEach)
+
+export default router
diff --git a/apps/vue-admin/src/services/notifications.ts b/apps/vue-admin/src/services/notifications.ts
new file mode 100644
index 00000000..ce1e7a53
--- /dev/null
+++ b/apps/vue-admin/src/services/notifications.ts
@@ -0,0 +1,55 @@
+/* eslint-disable no-console */
+import { getMessaging, getToken } from 'firebase/messaging'
+import { initializeApp } from 'firebase/app'
+import { CreateTokenNotificationDocument } from '@oku/api/node-graphql'
+import { apolloClient } from '~/modules/apollo-graphql'
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+const firebaseConfig = import.meta.env.VITE_FIREBASE_CONFIG
+
+const registerToken = async (token: string) => {
+  console.log(`Push registration success, token: ${token}`)
+  const { errors } = await apolloClient.mutate({
+    mutation: CreateTokenNotificationDocument,
+    variables: {
+      data: {
+        token,
+        deviceId: '',
+      },
+    },
+  })
+  if (errors)
+    console.error('error registration', errors)
+}
+const app = initializeApp(JSON.parse(firebaseConfig as string))
+export const messaging = getMessaging(app)
+export const initNotif = () => {
+  console.log('register web', firebaseConfig)
+  getToken(messaging, { vapidKey: import.meta.env.VITE_VAPID_KEY as string })
+    .then(async (currentToken) => {
+      if (currentToken) {
+        // Send the token to your server and update the UI if necessary
+        // ...
+        console.log('token', currentToken)
+        try {
+          await registerToken(currentToken)
+        }
+        catch (e) {
+          console.error(e)
+        }
+      }
+      else {
+        // Show permission request UI
+        console.log(
+          'No registration token available. Request permission to generate one.',
+        )
+        // ...
+      }
+    })
+    .catch((err) => {
+      console.log('An error occurred while retrieving token. ', err)
+      // ...
+    })
+}
diff --git a/apps/vue-admin/src/shims-vue.d.ts b/apps/vue-admin/src/shims-vue.d.ts
new file mode 100644
index 00000000..e2f7795b
--- /dev/null
+++ b/apps/vue-admin/src/shims-vue.d.ts
@@ -0,0 +1,23 @@
+/// <reference types="vite/client" />
+/// <reference types="@oku/api/types/schema" />
+/// <reference types="vue-app/shims-vue" />
+
+declare module '*.vue' {
+  import {DefineComponent} from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+
+interface ImportMetaEnv {
+  readonly VITE_GRAPHQL_ENDPOINT: string
+  readonly VITE_GRAPHQL_ENDPOINT_WS: string
+  readonly VITE_SENTRY_DNS: string
+  readonly NODE_ENV: string
+  readonly VITE_SENTRY_ENVIRONMENT: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
\ No newline at end of file
diff --git a/apps/vue-admin/src/stores/useAppStore.ts b/apps/vue-admin/src/stores/useAppStore.ts
new file mode 100644
index 00000000..2c264fbc
--- /dev/null
+++ b/apps/vue-admin/src/stores/useAppStore.ts
@@ -0,0 +1,43 @@
+import { defineStore } from 'pinia'
+
+export const useAppStore = defineStore({
+  id: 'appStore',
+  state: () => ({
+    progressRouter: false,
+    sidebarOpen: false,
+    stutus: '' as 'writing' | 'reading' | 'null',
+    fullScreen: false,
+    hydrated: false,
+    hydrating: false,
+    error: null,
+    authenticated: false,
+    accessTokenExpiry: 0,
+    appAccess: true,
+    basemap: 'OpenStreetMap',
+    isModalWindow: false,
+    userLayoutSmall: false,
+  }),
+  getters: {
+    getProgressRouter: state => state.progressRouter,
+    isSidebar: state => state.sidebarOpen,
+    getStatus: state => state.stutus,
+  },
+  actions: {
+    async hydrate() {},
+    changeAppAccess(value: boolean) {
+      this.appAccess = value
+    },
+    changeSidebar(value?: boolean) {
+      if (value === undefined)
+        this.sidebarOpen = !this.sidebarOpen
+      else
+        this.sidebarOpen = value
+    },
+    changeIsModalWindow(value: boolean) {
+      this.isModalWindow = value
+    },
+    changeUserLayoutSmall(value: boolean) {
+      this.userLayoutSmall = value
+    },
+  },
+})
diff --git a/apps/vue-admin/src/stores/useUserStore.ts b/apps/vue-admin/src/stores/useUserStore.ts
new file mode 100644
index 00000000..f1a16fd7
--- /dev/null
+++ b/apps/vue-admin/src/stores/useUserStore.ts
@@ -0,0 +1,34 @@
+import { defineStore } from 'pinia'
+import { typeDark } from 'vue-app/types'
+import { GetUserInfoQuery } from '@oku/api'
+import { apolloClient } from '~/modules/apollo-graphql'
+export const useUserStore = defineStore({
+  id: 'userStore',
+  state: () => ({
+    user: {} as GetUserInfoQuery['me'],
+    currentUser: null,
+    reading: null,
+    isOrganization: false,
+    loading: false,
+    userLanguage: '3e875cca-5297-44ac-a3c4-0e8199932268',
+    error: null,
+    remember: true,
+    timeReading: 0,
+    theme: 'light' as typeDark,
+  }),
+  getters: {},
+  actions: {
+    async onInit() {
+      await this.getUser()
+      return true
+    },
+    changeTheme(theme: typeDark) {
+      this.theme = theme
+    },
+    async getUser() {
+      const { data } = await apolloClient().query({ query: GetUserInfoDocument })
+      if (data)
+        this.user = data.me
+    },
+  },
+})
diff --git a/apps/vue-admin/src/utils/use-popper.ts b/apps/vue-admin/src/utils/use-popper.ts
new file mode 100644
index 00000000..ef08c880
--- /dev/null
+++ b/apps/vue-admin/src/utils/use-popper.ts
@@ -0,0 +1,34 @@
+import { onMounted, ref, watchEffect } from 'vue'
+import { Modifier, OptionsGeneric, createPopper } from '@popperjs/core'
+
+export function usePopper(
+  options: Partial<OptionsGeneric<Partial<Modifier<any, any>>>> | undefined,
+) {
+  const reference = ref<any>(null)
+  const popper = ref<any>(null)
+
+  onMounted(() => {
+    watchEffect((onInvalidate) => {
+      if (!popper.value)
+        return
+
+      if (!reference.value)
+        return
+
+      const popperEl = popper.value.el || popper.value
+      const referenceEl = reference.value.el || reference.value
+
+      if (!(referenceEl instanceof HTMLElement))
+        return
+
+      if (!(popperEl instanceof HTMLElement))
+        return
+
+      const { destroy } = createPopper(referenceEl, popperEl, options)
+
+      onInvalidate(destroy)
+    })
+  })
+
+  return [reference, popper]
+}
diff --git a/apps/vue-admin/tailwind.config.js b/apps/vue-admin/tailwind.config.js
new file mode 100644
index 00000000..ef3cdca7
--- /dev/null
+++ b/apps/vue-admin/tailwind.config.js
@@ -0,0 +1,33 @@
+/** @type {import('tailwindcss/types').Config} */
+
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  darkMode: 'class', // or 'media' or 'class'
+  content: [
+    './index.html',
+    './src/**/*.{vue,js,ts,jsx,tsx}',
+    '../../packages/vue-design-system/**/*.{js,ts,jsx,tsx,vue}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        dark: {
+          100: '#222',
+          200: '#333',
+          300: '#444',
+          400: '#555',
+          500: '#666',
+          600: '#777',
+          700: '#888',
+          800: '#999',
+          900: '#aaa',
+        },
+      },
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
+}
diff --git a/apps/vue-admin/tsconfig.json b/apps/vue-admin/tsconfig.json
new file mode 100644
index 00000000..4d731b41
--- /dev/null
+++ b/apps/vue-admin/tsconfig.json
@@ -0,0 +1,48 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "ESNext",
+    "lib": [
+      "DOM",
+      "ESNext",
+      "WebWorker"
+    ],
+    "strict": true,
+    "moduleResolution": "Node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "target": "esnext",
+    "types": [
+      "vue",
+      "node",
+      "vite/client",
+      "vite-plugin-pages/client",
+      "vite-plugin-vue-layouts/client",
+      "vite-plugin-pwa/client",
+      "@intlify/vite-plugin-vue-i18n/client",
+      "naive-ui/volar",
+      "vite-plugin-glob/client"
+    ],
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "allowJs": true,
+    "paths": {
+      "~/*": [
+        "src/*"
+      ],
+      "#root": [
+        "./"
+      ],
+    }
+  },
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.worker.ts",
+    "dev-dist",
+    "*.js"
+  ],
+}
\ No newline at end of file
diff --git a/apps/vue-admin/tsconfig.node.json b/apps/vue-admin/tsconfig.node.json
new file mode 100644
index 00000000..9f49c17a
--- /dev/null
+++ b/apps/vue-admin/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "extends": "@oku/tsconfig/vue.json",
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/apps/vue-admin/vite.config.ts b/apps/vue-admin/vite.config.ts
new file mode 100644
index 00000000..3e65511d
--- /dev/null
+++ b/apps/vue-admin/vite.config.ts
@@ -0,0 +1,140 @@
+import { resolve } from 'path'
+import { defineConfig } from 'vite'
+
+import Vue from '@vitejs/plugin-vue'
+import Components from 'unplugin-vue-components/vite'
+import VueI18n from '@intlify/vite-plugin-vue-i18n'
+import AutoImport from 'unplugin-auto-import/vite'
+import Unocss from 'unocss/vite'
+import { presetIcons } from 'unocss'
+import Pages from 'vite-plugin-pages'
+import Layouts from 'vite-plugin-vue-layouts'
+import { VitePWA } from 'vite-plugin-pwa'
+import {
+  HeadlessUiResolver,
+  NaiveUiResolver,
+} from 'unplugin-vue-components/resolvers'
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '~/': `${resolve(__dirname, 'src')}/`,
+    },
+  },
+  plugins: [
+    Vue(),
+
+    // https://github.com/hannoeru/vite-plugin-pages
+    Pages({ extensions: ['vue'] }),
+
+    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts
+    Layouts(),
+
+    // https://github.com/antfu/unplugin-auto-import
+    AutoImport({
+      imports: [
+        'vue',
+        'vue-router',
+        'vue-i18n',
+        '@vueuse/head',
+        '@vueuse/core',
+        'vee-validate',
+        'pinia',
+      ],
+      resolvers: [NaiveUiResolver()],
+      dirs: [
+        './src/composables/',
+        '../../packages/vue-app/composables/',
+        './src/stores/',
+        '../../packages/oku-api/types/',
+      ],
+      dts: './src/auto-imports.d.ts',
+      eslintrc: {
+        enabled: true,
+      },
+      vueTemplate: true,
+    }),
+
+    // https://github.com/antfu/unplugin-vue-components
+    Components({
+      dirs: [
+        '../../packages/vue-design-system/components/',
+        './src/components/',
+      ],
+      // allow auto load markdown components under `./src/components/`
+      extensions: ['vue'],
+      // allow auto import and register components used in markdown
+      include: [/\.vue$/, /\.vue\?vue/],
+      exclude: [
+        /[\\/]node_modules[\\/]/,
+        /[\\/]\.git[\\/]/,
+        /[\\/]\.nuxt[\\/]/,
+      ],
+      directoryAsNamespace: true,
+
+      // custom resolvers
+      resolvers: [HeadlessUiResolver(), NaiveUiResolver()],
+
+      dts: 'src/components.d.ts',
+    }),
+
+    Unocss({
+      presets: [
+        presetIcons({
+          scale: 1.2,
+          extraProperties: {
+            display: 'inline-block',
+          },
+          prefix: 'i-',
+        }),
+      ],
+      safelist: [
+        'i-ph-laptop-duotone',
+        'i-ph-moon-stars-duotone',
+        'i-ph-sun-dim-duotone',
+      ],
+    }),
+
+    // https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n
+    VueI18n({
+      runtimeOnly: true,
+      compositionOnly: true,
+      include: [resolve(__dirname, 'locales/**')],
+    }),
+
+    // https://github.com/antfu/vite-plugin-pwa
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: [
+        'favicon.svg',
+        'favicon.ico',
+        'robots.txt',
+        'safari-pinned-tab.svg',
+      ],
+      injectRegister: 'auto',
+      manifest: {
+        name: 'productdevbook',
+        short_name: 'productdevbook',
+        theme_color: '#267866',
+        icons: [
+          {
+            src: '/pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      },
+    }),
+  ],
+})
diff --git a/package.json b/package.json
index 97ea1377..1f9367ef 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "dev:vue-storybook": "turbo run dev --parallel --no-cache --filter=@productdevbook/storybook-vue",
     "dev:web": "turbo run dev --parallel --no-cache --filter=vue-web --filter=@oku/api --filter=app-nestjs --filter=oku-i18n",
     "dev:mobile": "turbo run dev --parallel --no-cache --filter=vue-mobile --filter=@oku/api  --filter=app-nestjs --filter=oku-i18n",
+    "dev:admin": "turbo run dev --parallel --no-cache --filter=vue-admin --filter=@oku/api --filter=app-nestjs --filter=oku-i18n",
     "dev:ui:web": "turbo run dev --parallel --no-cache --filter=vue-web --filter=@productdevbook/storybook-vue",
     "dev:ui:mobile": "turbo run dev --parallel --no-cache --filter=vue-mobile --filter=@productdevbook/storybook-vue",
     "dev:nestjs": "turbo run dev --filter=app-nestjs",
@@ -57,7 +58,8 @@
     "@productdevbook/email": "workspace:*",
     "app-nestjs": "workspace:*",
     "vue-mobile": "workspace:*",
-    "vue-web": "workspace:*"
+    "vue-web": "workspace:*",
+    "vue-admin": "workspace:*"
   },
   "packageManager": "pnpm@7.6.0",
   "dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d97c1ada..b8fb634f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,6 +25,7 @@ importers:
       sass: 1.54.0
       turbo: 1.3.4
       unbuild: 0.7.6
+      vue-admin: workspace:*
       vue-app: workspace:*
       vue-design-system: workspace:*
       vue-mobile: workspace:*
@@ -52,6 +53,7 @@ importers:
       sass: 1.54.0
       turbo: 1.3.4
       unbuild: 0.7.6
+      vue-admin: link:apps/vue-admin
       vue-app: link:packages/vue-app
       vue-design-system: link:packages/vue-design-system
       vue-mobile: link:apps/vue-mobile
@@ -253,6 +255,117 @@ importers:
       ts-node: 10.9.1_zgusdg2syqzg2kik2gzyf5b6di
       tsconfig-paths: 4.0.0
 
+  apps/vue-admin:
+    specifiers:
+      '@antfu/eslint-config': 0.25.2
+      '@apollo/client': 3.6.9
+      '@headlessui/vue': 1.6.7
+      '@intlify/vite-plugin-vue-i18n': 5.0.1
+      '@oku/api': workspace:*
+      '@oku/config': workspace:*
+      '@oku/tsconfig': workspace:*
+      '@popperjs/core': 2.11.5
+      '@productdevbook/auth': 0.2.1
+      '@tailwindcss/forms': 0.5.2
+      '@tailwindcss/typography': 0.5.4
+      '@types/apollo-upload-client': 17.0.1
+      '@types/crypto-js': 4.1.1
+      '@types/js-cookie': 3.0.2
+      '@types/nprogress': 0.2.0
+      '@vee-validate/i18n': 4.6.2
+      '@vitejs/plugin-vue': 3.0.1
+      '@vue/apollo-composable': 4.0.0-alpha.19
+      '@vueuse/core': 8.9.4
+      '@vueuse/head': 0.7.7
+      '@vueuse/integrations': 8.9.4
+      apollo-upload-client: 17.0.0
+      autoprefixer: 10.4.7
+      crypto-js: 4.1.1
+      eslint: 8.20.0
+      firebase: 9.9.1
+      got: 12.2.0
+      graphql: 16.5.0
+      graphql-ws: 5.9.1
+      gsap: 3.10.4
+      naive-ui: 2.31.0
+      nprogress: 0.2.0
+      oku-i18n: workspace*
+      pinia: 2.0.16
+      postcss: 8.4.14
+      tailwindcss: 3.1.6
+      typescript: 4.7.4
+      universal-cookie: 4.0.4
+      unocss: 0.44.7
+      unplugin-auto-import: 0.10.1
+      unplugin-vue-components: 0.21.1
+      vite: 3.0.3
+      vite-plugin-glob: 0.3.2
+      vite-plugin-pages: 0.25.0
+      vite-plugin-pwa: 0.12.3
+      vite-plugin-vue-layouts: 0.7.0
+      vue: 3.2.37
+      vue-app: workspace:*
+      vue-design-system: workspace:*
+      vue-i18n: 9.2.0-beta.40
+      vue-router: 4.1.2
+      vue-tsc: 0.39.0
+      yup: 0.32.11
+    dependencies:
+      '@apollo/client': 3.6.9_nrmqddr6fropr2zq2g6vz5wafe
+      '@headlessui/vue': 1.6.7_vue@3.2.37
+      '@intlify/vite-plugin-vue-i18n': 5.0.1_e4cmfr2yyq6ehuyzd34qpsi4km
+      '@oku/api': link:../../packages/oku-api
+      '@popperjs/core': 2.11.5
+      '@productdevbook/auth': 0.2.1
+      '@vee-validate/i18n': 4.6.2
+      '@vue/apollo-composable': 4.0.0-alpha.19_ga3iooe4t6afr6kongbdyporqi
+      '@vueuse/core': 8.9.4_vue@3.2.37
+      '@vueuse/head': 0.7.7_vue@3.2.37
+      '@vueuse/integrations': 8.9.4_4pgchygqajge3gfa4qy5gts7ti
+      apollo-upload-client: 17.0.0_si36fci2ot5w4cao4jlfzf5er4
+      crypto-js: 4.1.1
+      firebase: 9.9.1
+      got: 12.2.0
+      graphql: 16.5.0
+      graphql-ws: 5.9.1_graphql@16.5.0
+      gsap: 3.10.4
+      nprogress: 0.2.0
+      oku-i18n: link:../../packages/oku-i18n
+      pinia: 2.0.16_j6bzmzd4ujpabbp5objtwxyjp4
+      universal-cookie: 4.0.4
+      unocss: 0.44.7_vite@3.0.3
+      unplugin-auto-import: 0.10.1_ast4kmefllg5fcmw2swrbuhaxq
+      unplugin-vue-components: 0.21.1_vite@3.0.3+vue@3.2.37
+      vite-plugin-pages: 0.25.0_vite@3.0.3
+      vite-plugin-vue-layouts: 0.7.0_z3wofnvexstekwaykj47orp6tq
+      vue: 3.2.37
+      vue-app: link:../../packages/vue-app
+      vue-design-system: link:../../packages/vue-design-system
+      vue-i18n: 9.2.0-beta.40_vue@3.2.37
+      vue-router: 4.1.2_vue@3.2.37
+      yup: 0.32.11
+    devDependencies:
+      '@antfu/eslint-config': 0.25.2_he2ccbldppg44uulnyq4rwocfa
+      '@oku/config': link:../../packages/oku-config
+      '@oku/tsconfig': link:../../packages/oku-tsconfig
+      '@tailwindcss/forms': 0.5.2_tailwindcss@3.1.6
+      '@tailwindcss/typography': 0.5.4_tailwindcss@3.1.6
+      '@types/apollo-upload-client': 17.0.1_graphql-ws@5.9.1
+      '@types/crypto-js': 4.1.1
+      '@types/js-cookie': 3.0.2
+      '@types/nprogress': 0.2.0
+      '@vitejs/plugin-vue': 3.0.1_vite@3.0.3+vue@3.2.37
+      autoprefixer: 10.4.7_postcss@8.4.14
+      eslint: 8.20.0
+      naive-ui: 2.31.0_vue@3.2.37
+      postcss: 8.4.14
+      tailwindcss: 3.1.6
+      typescript: 4.7.4
+      vite: 3.0.3
+      vite-plugin-glob: 0.3.2
+      vite-plugin-pwa: 0.12.3_vite@3.0.3
+      vue-tsc: 0.39.0_typescript@4.7.4
+
   apps/vue-mobile:
     specifiers:
       '@antfu/eslint-config': 0.25.2
@@ -740,7 +853,7 @@ packages:
       - chokidar
     dev: true
 
-  /@antfu/eslint-config-basic/0.25.2_2vt5mtrqleafs33qg2bhpmbaqm:
+  /@antfu/eslint-config-basic/0.25.2_bao7xq2p45jpdplvjvt3gxqp3m:
     resolution: {integrity: sha512-D81jE90B7cujMmU2mKEaUcRsKRAfVX4PniEoaD0c3HiqprqghfBjuv3B6p1+tG9uJQAgLBVsK+G92Y+AAgFaOA==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -749,7 +862,7 @@ packages:
       eslint-plugin-antfu: 0.25.2_4x5o4skxv6sl53vpwefgt23khm
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.19.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_rywvbqnelbznwddhxv2glfjuay
+      eslint-plugin-import: 2.26.0_slugmiwpezfkvxhcmtxfzhclxe
       eslint-plugin-jsonc: 2.3.1_eslint@8.19.0
       eslint-plugin-markdown: 2.2.1_eslint@8.19.0
       eslint-plugin-n: 15.2.4_eslint@8.19.0
@@ -766,7 +879,7 @@ packages:
       - typescript
     dev: true
 
-  /@antfu/eslint-config-basic/0.25.2_b7n364ggt6o4xlkgyoaww3ph3q:
+  /@antfu/eslint-config-basic/0.25.2_d5zwcxr4bwkhmuo464cb3a2puu:
     resolution: {integrity: sha512-D81jE90B7cujMmU2mKEaUcRsKRAfVX4PniEoaD0c3HiqprqghfBjuv3B6p1+tG9uJQAgLBVsK+G92Y+AAgFaOA==}
     peerDependencies:
       eslint: '>=7.4.0'
@@ -775,7 +888,7 @@ packages:
       eslint-plugin-antfu: 0.25.2_he2ccbldppg44uulnyq4rwocfa
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.20.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_y5cwkwncsnk6w3wfynadgn7abe
+      eslint-plugin-import: 2.26.0_ficupzxy3q6nk56ibvavehtzue
       eslint-plugin-jsonc: 2.3.1_eslint@8.20.0
       eslint-plugin-markdown: 2.2.1_eslint@8.20.0
       eslint-plugin-n: 15.2.4_eslint@8.20.0
@@ -792,22 +905,22 @@ packages:
       - typescript
     dev: true
 
-  /@antfu/eslint-config-basic/0.25.2_rywvbqnelbznwddhxv2glfjuay:
+  /@antfu/eslint-config-basic/0.25.2_ficupzxy3q6nk56ibvavehtzue:
     resolution: {integrity: sha512-D81jE90B7cujMmU2mKEaUcRsKRAfVX4PniEoaD0c3HiqprqghfBjuv3B6p1+tG9uJQAgLBVsK+G92Y+AAgFaOA==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      eslint: 8.19.0
-      eslint-plugin-antfu: 0.25.2_eslint@8.19.0
-      eslint-plugin-eslint-comments: 3.2.0_eslint@8.19.0
+      eslint: 8.20.0
+      eslint-plugin-antfu: 0.25.2_eslint@8.20.0
+      eslint-plugin-eslint-comments: 3.2.0_eslint@8.20.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_rywvbqnelbznwddhxv2glfjuay
-      eslint-plugin-jsonc: 2.3.1_eslint@8.19.0
-      eslint-plugin-markdown: 2.2.1_eslint@8.19.0
-      eslint-plugin-n: 15.2.4_eslint@8.19.0
-      eslint-plugin-promise: 6.0.0_eslint@8.19.0
-      eslint-plugin-unicorn: 42.0.0_eslint@8.19.0
-      eslint-plugin-yml: 1.0.0_eslint@8.19.0
+      eslint-plugin-import: 2.26.0_ficupzxy3q6nk56ibvavehtzue
+      eslint-plugin-jsonc: 2.3.1_eslint@8.20.0
+      eslint-plugin-markdown: 2.2.1_eslint@8.20.0
+      eslint-plugin-n: 15.2.4_eslint@8.20.0
+      eslint-plugin-promise: 6.0.0_eslint@8.20.0
+      eslint-plugin-unicorn: 42.0.0_eslint@8.20.0
+      eslint-plugin-yml: 1.0.0_eslint@8.20.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
     transitivePeerDependencies:
@@ -818,22 +931,22 @@ packages:
       - typescript
     dev: true
 
-  /@antfu/eslint-config-basic/0.25.2_y5cwkwncsnk6w3wfynadgn7abe:
+  /@antfu/eslint-config-basic/0.25.2_slugmiwpezfkvxhcmtxfzhclxe:
     resolution: {integrity: sha512-D81jE90B7cujMmU2mKEaUcRsKRAfVX4PniEoaD0c3HiqprqghfBjuv3B6p1+tG9uJQAgLBVsK+G92Y+AAgFaOA==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      eslint: 8.20.0
-      eslint-plugin-antfu: 0.25.2_eslint@8.20.0
-      eslint-plugin-eslint-comments: 3.2.0_eslint@8.20.0
+      eslint: 8.19.0
+      eslint-plugin-antfu: 0.25.2_eslint@8.19.0
+      eslint-plugin-eslint-comments: 3.2.0_eslint@8.19.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_y5cwkwncsnk6w3wfynadgn7abe
-      eslint-plugin-jsonc: 2.3.1_eslint@8.20.0
-      eslint-plugin-markdown: 2.2.1_eslint@8.20.0
-      eslint-plugin-n: 15.2.4_eslint@8.20.0
-      eslint-plugin-promise: 6.0.0_eslint@8.20.0
-      eslint-plugin-unicorn: 42.0.0_eslint@8.20.0
-      eslint-plugin-yml: 1.0.0_eslint@8.20.0
+      eslint-plugin-import: 2.26.0_slugmiwpezfkvxhcmtxfzhclxe
+      eslint-plugin-jsonc: 2.3.1_eslint@8.19.0
+      eslint-plugin-markdown: 2.2.1_eslint@8.19.0
+      eslint-plugin-n: 15.2.4_eslint@8.19.0
+      eslint-plugin-promise: 6.0.0_eslint@8.19.0
+      eslint-plugin-unicorn: 42.0.0_eslint@8.19.0
+      eslint-plugin-yml: 1.0.0_eslint@8.19.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
     transitivePeerDependencies:
@@ -910,9 +1023,9 @@ packages:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.25.2_2vt5mtrqleafs33qg2bhpmbaqm
-      '@typescript-eslint/eslint-plugin': 5.30.6_2vt5mtrqleafs33qg2bhpmbaqm
-      '@typescript-eslint/parser': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@antfu/eslint-config-basic': 0.25.2_bao7xq2p45jpdplvjvt3gxqp3m
+      '@typescript-eslint/eslint-plugin': 5.31.0_bao7xq2p45jpdplvjvt3gxqp3m
+      '@typescript-eslint/parser': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
       eslint: 8.19.0
       typescript: 4.7.4
     transitivePeerDependencies:
@@ -927,9 +1040,9 @@ packages:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.25.2_rywvbqnelbznwddhxv2glfjuay
-      '@typescript-eslint/eslint-plugin': 5.30.6_rywvbqnelbznwddhxv2glfjuay
-      '@typescript-eslint/parser': 5.30.6_eslint@8.19.0
+      '@antfu/eslint-config-basic': 0.25.2_slugmiwpezfkvxhcmtxfzhclxe
+      '@typescript-eslint/eslint-plugin': 5.31.0_slugmiwpezfkvxhcmtxfzhclxe
+      '@typescript-eslint/parser': 5.31.0_eslint@8.19.0
       eslint: 8.19.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
@@ -943,9 +1056,9 @@ packages:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.25.2_y5cwkwncsnk6w3wfynadgn7abe
-      '@typescript-eslint/eslint-plugin': 5.30.6_y5cwkwncsnk6w3wfynadgn7abe
-      '@typescript-eslint/parser': 5.30.6_eslint@8.20.0
+      '@antfu/eslint-config-basic': 0.25.2_ficupzxy3q6nk56ibvavehtzue
+      '@typescript-eslint/eslint-plugin': 5.31.0_ficupzxy3q6nk56ibvavehtzue
+      '@typescript-eslint/parser': 5.31.0_eslint@8.20.0
       eslint: 8.20.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
@@ -959,9 +1072,9 @@ packages:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.25.2_b7n364ggt6o4xlkgyoaww3ph3q
-      '@typescript-eslint/eslint-plugin': 5.30.6_b7n364ggt6o4xlkgyoaww3ph3q
-      '@typescript-eslint/parser': 5.30.6_he2ccbldppg44uulnyq4rwocfa
+      '@antfu/eslint-config-basic': 0.25.2_d5zwcxr4bwkhmuo464cb3a2puu
+      '@typescript-eslint/eslint-plugin': 5.31.0_d5zwcxr4bwkhmuo464cb3a2puu
+      '@typescript-eslint/parser': 5.31.0_he2ccbldppg44uulnyq4rwocfa
       eslint: 8.20.0
       typescript: 4.7.4
     transitivePeerDependencies:
@@ -977,7 +1090,7 @@ packages:
     dependencies:
       '@antfu/eslint-config-ts': 0.25.2_4x5o4skxv6sl53vpwefgt23khm
       eslint: 8.19.0
-      eslint-plugin-vue: 9.2.0_eslint@8.19.0
+      eslint-plugin-vue: 9.3.0_eslint@8.19.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -992,7 +1105,7 @@ packages:
     dependencies:
       '@antfu/eslint-config-ts': 0.25.2_eslint@8.19.0
       eslint: 8.19.0
-      eslint-plugin-vue: 9.2.0_eslint@8.19.0
+      eslint-plugin-vue: 9.3.0_eslint@8.19.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -1007,7 +1120,7 @@ packages:
     dependencies:
       '@antfu/eslint-config-ts': 0.25.2_eslint@8.20.0
       eslint: 8.20.0
-      eslint-plugin-vue: 9.2.0_eslint@8.20.0
+      eslint-plugin-vue: 9.3.0_eslint@8.20.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -1022,7 +1135,7 @@ packages:
     dependencies:
       '@antfu/eslint-config-ts': 0.25.2_he2ccbldppg44uulnyq4rwocfa
       eslint: 8.20.0
-      eslint-plugin-vue: 9.2.0_eslint@8.20.0
+      eslint-plugin-vue: 9.3.0_eslint@8.20.0
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -1037,17 +1150,17 @@ packages:
     dependencies:
       '@antfu/eslint-config-react': 0.25.2_4x5o4skxv6sl53vpwefgt23khm
       '@antfu/eslint-config-vue': 0.25.2_4x5o4skxv6sl53vpwefgt23khm
-      '@typescript-eslint/eslint-plugin': 5.30.6_2vt5mtrqleafs33qg2bhpmbaqm
-      '@typescript-eslint/parser': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/eslint-plugin': 5.31.0_bao7xq2p45jpdplvjvt3gxqp3m
+      '@typescript-eslint/parser': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
       eslint: 8.19.0
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.19.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_rywvbqnelbznwddhxv2glfjuay
+      eslint-plugin-import: 2.26.0_slugmiwpezfkvxhcmtxfzhclxe
       eslint-plugin-jsonc: 2.3.1_eslint@8.19.0
       eslint-plugin-n: 15.2.4_eslint@8.19.0
       eslint-plugin-promise: 6.0.0_eslint@8.19.0
       eslint-plugin-unicorn: 42.0.0_eslint@8.19.0
-      eslint-plugin-vue: 9.2.0_eslint@8.19.0
+      eslint-plugin-vue: 9.3.0_eslint@8.19.0
       eslint-plugin-yml: 1.0.0_eslint@8.19.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
@@ -1065,17 +1178,17 @@ packages:
     dependencies:
       '@antfu/eslint-config-react': 0.25.2_eslint@8.19.0
       '@antfu/eslint-config-vue': 0.25.2_eslint@8.19.0
-      '@typescript-eslint/eslint-plugin': 5.30.6_rywvbqnelbznwddhxv2glfjuay
-      '@typescript-eslint/parser': 5.30.6_eslint@8.19.0
+      '@typescript-eslint/eslint-plugin': 5.31.0_slugmiwpezfkvxhcmtxfzhclxe
+      '@typescript-eslint/parser': 5.31.0_eslint@8.19.0
       eslint: 8.19.0
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.19.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_rywvbqnelbznwddhxv2glfjuay
+      eslint-plugin-import: 2.26.0_slugmiwpezfkvxhcmtxfzhclxe
       eslint-plugin-jsonc: 2.3.1_eslint@8.19.0
       eslint-plugin-n: 15.2.4_eslint@8.19.0
       eslint-plugin-promise: 6.0.0_eslint@8.19.0
       eslint-plugin-unicorn: 42.0.0_eslint@8.19.0
-      eslint-plugin-vue: 9.2.0_eslint@8.19.0
+      eslint-plugin-vue: 9.3.0_eslint@8.19.0
       eslint-plugin-yml: 1.0.0_eslint@8.19.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
@@ -1093,17 +1206,17 @@ packages:
     dependencies:
       '@antfu/eslint-config-react': 0.25.2_eslint@8.20.0
       '@antfu/eslint-config-vue': 0.25.2_eslint@8.20.0
-      '@typescript-eslint/eslint-plugin': 5.30.6_y5cwkwncsnk6w3wfynadgn7abe
-      '@typescript-eslint/parser': 5.30.6_eslint@8.20.0
+      '@typescript-eslint/eslint-plugin': 5.31.0_ficupzxy3q6nk56ibvavehtzue
+      '@typescript-eslint/parser': 5.31.0_eslint@8.20.0
       eslint: 8.20.0
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.20.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_y5cwkwncsnk6w3wfynadgn7abe
+      eslint-plugin-import: 2.26.0_ficupzxy3q6nk56ibvavehtzue
       eslint-plugin-jsonc: 2.3.1_eslint@8.20.0
       eslint-plugin-n: 15.2.4_eslint@8.20.0
       eslint-plugin-promise: 6.0.0_eslint@8.20.0
       eslint-plugin-unicorn: 42.0.0_eslint@8.20.0
-      eslint-plugin-vue: 9.2.0_eslint@8.20.0
+      eslint-plugin-vue: 9.3.0_eslint@8.20.0
       eslint-plugin-yml: 1.0.0_eslint@8.20.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
@@ -1121,17 +1234,17 @@ packages:
     dependencies:
       '@antfu/eslint-config-react': 0.25.2_he2ccbldppg44uulnyq4rwocfa
       '@antfu/eslint-config-vue': 0.25.2_he2ccbldppg44uulnyq4rwocfa
-      '@typescript-eslint/eslint-plugin': 5.30.6_b7n364ggt6o4xlkgyoaww3ph3q
-      '@typescript-eslint/parser': 5.30.6_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/eslint-plugin': 5.31.0_d5zwcxr4bwkhmuo464cb3a2puu
+      '@typescript-eslint/parser': 5.31.0_he2ccbldppg44uulnyq4rwocfa
       eslint: 8.20.0
       eslint-plugin-eslint-comments: 3.2.0_eslint@8.20.0
       eslint-plugin-html: 6.2.0
-      eslint-plugin-import: 2.26.0_y5cwkwncsnk6w3wfynadgn7abe
+      eslint-plugin-import: 2.26.0_ficupzxy3q6nk56ibvavehtzue
       eslint-plugin-jsonc: 2.3.1_eslint@8.20.0
       eslint-plugin-n: 15.2.4_eslint@8.20.0
       eslint-plugin-promise: 6.0.0_eslint@8.20.0
       eslint-plugin-unicorn: 42.0.0_eslint@8.20.0
-      eslint-plugin-vue: 9.2.0_eslint@8.20.0
+      eslint-plugin-vue: 9.3.0_eslint@8.20.0
       eslint-plugin-yml: 1.0.0_eslint@8.20.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.0.1
@@ -6400,7 +6513,7 @@ packages:
       slash: 3.0.0
     dev: true
 
-  /@rollup/plugin-babel/5.3.1_ayiqorrx7dutx4scyxuyyyvhga:
+  /@rollup/plugin-babel/5.3.1_3crms4j33zkfeqv7ozcuia3hfq:
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -6413,8 +6526,8 @@ packages:
     dependencies:
       '@babel/core': 7.18.6
       '@babel/helper-module-imports': 7.18.6
-      '@rollup/pluginutils': 3.1.0_rollup@2.76.0
-      rollup: 2.76.0
+      '@rollup/pluginutils': 3.1.0_rollup@2.77.0
+      rollup: 2.77.0
     dev: true
 
   /@rollup/plugin-commonjs/22.0.1_rollup@2.77.0:
@@ -6442,19 +6555,19 @@ packages:
       rollup: 2.77.0
     dev: true
 
-  /@rollup/plugin-node-resolve/11.2.1_rollup@2.76.0:
+  /@rollup/plugin-node-resolve/11.2.1_rollup@2.77.0:
     resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0
     dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.76.0
+      '@rollup/pluginutils': 3.1.0_rollup@2.77.0
       '@types/resolve': 1.17.1
       builtin-modules: 3.3.0
       deepmerge: 4.2.2
       is-module: 1.0.0
       resolve: 1.22.1
-      rollup: 2.76.0
+      rollup: 2.77.0
     dev: true
 
   /@rollup/plugin-node-resolve/13.3.0_rollup@2.77.0:
@@ -6472,14 +6585,14 @@ packages:
       rollup: 2.77.0
     dev: true
 
-  /@rollup/plugin-replace/2.4.2_rollup@2.76.0:
+  /@rollup/plugin-replace/2.4.2_rollup@2.77.0:
     resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
     peerDependencies:
       rollup: ^1.20.0 || ^2.0.0
     dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.76.0
+      '@rollup/pluginutils': 3.1.0_rollup@2.77.0
       magic-string: 0.25.9
-      rollup: 2.76.0
+      rollup: 2.77.0
     dev: true
 
   /@rollup/plugin-replace/4.0.0_rollup@2.77.0:
@@ -6492,18 +6605,6 @@ packages:
       rollup: 2.77.0
     dev: true
 
-  /@rollup/pluginutils/3.1.0_rollup@2.76.0:
-    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
-    engines: {node: '>= 8.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@types/estree': 0.0.39
-      estree-walker: 1.0.1
-      picomatch: 2.3.1
-      rollup: 2.76.0
-    dev: true
-
   /@rollup/pluginutils/3.1.0_rollup@2.77.0:
     resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
     engines: {node: '>= 8.0.0'}
@@ -7202,8 +7303,8 @@ packages:
       '@types/yargs-parser': 21.0.0
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.30.6_2vt5mtrqleafs33qg2bhpmbaqm:
-    resolution: {integrity: sha512-J4zYMIhgrx4MgnZrSDD7sEnQp7FmhKNOaqaOpaoQ/SfdMfRB/0yvK74hTnvH+VQxndZynqs5/Hn4t+2/j9bADg==}
+  /@typescript-eslint/eslint-plugin/5.31.0_bao7xq2p45jpdplvjvt3gxqp3m:
+    resolution: {integrity: sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -7213,10 +7314,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/type-utils': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
-      '@typescript-eslint/utils': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/parser': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/type-utils': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/utils': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
       debug: 4.3.4
       eslint: 8.19.0
       functional-red-black-tree: 1.0.1
@@ -7229,8 +7330,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.30.6_b7n364ggt6o4xlkgyoaww3ph3q:
-    resolution: {integrity: sha512-J4zYMIhgrx4MgnZrSDD7sEnQp7FmhKNOaqaOpaoQ/SfdMfRB/0yvK74hTnvH+VQxndZynqs5/Hn4t+2/j9bADg==}
+  /@typescript-eslint/eslint-plugin/5.31.0_d5zwcxr4bwkhmuo464cb3a2puu:
+    resolution: {integrity: sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -7240,10 +7341,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.30.6_he2ccbldppg44uulnyq4rwocfa
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/type-utils': 5.30.6_he2ccbldppg44uulnyq4rwocfa
-      '@typescript-eslint/utils': 5.30.6_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/parser': 5.31.0_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/type-utils': 5.31.0_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/utils': 5.31.0_he2ccbldppg44uulnyq4rwocfa
       debug: 4.3.4
       eslint: 8.20.0
       functional-red-black-tree: 1.0.1
@@ -7256,34 +7357,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.30.6_rywvbqnelbznwddhxv2glfjuay:
-    resolution: {integrity: sha512-J4zYMIhgrx4MgnZrSDD7sEnQp7FmhKNOaqaOpaoQ/SfdMfRB/0yvK74hTnvH+VQxndZynqs5/Hn4t+2/j9bADg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 5.30.6_eslint@8.19.0
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/type-utils': 5.30.6_eslint@8.19.0
-      '@typescript-eslint/utils': 5.30.6_eslint@8.19.0
-      debug: 4.3.4
-      eslint: 8.19.0
-      functional-red-black-tree: 1.0.1
-      ignore: 5.2.0
-      regexpp: 3.2.0
-      semver: 7.3.7
-      tsutils: 3.21.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/eslint-plugin/5.30.6_y5cwkwncsnk6w3wfynadgn7abe:
-    resolution: {integrity: sha512-J4zYMIhgrx4MgnZrSDD7sEnQp7FmhKNOaqaOpaoQ/SfdMfRB/0yvK74hTnvH+VQxndZynqs5/Hn4t+2/j9bADg==}
+  /@typescript-eslint/eslint-plugin/5.31.0_ficupzxy3q6nk56ibvavehtzue:
+    resolution: {integrity: sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^5.0.0
@@ -7293,10 +7368,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.30.6_eslint@8.20.0
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/type-utils': 5.30.6_eslint@8.20.0
-      '@typescript-eslint/utils': 5.30.6_eslint@8.20.0
+      '@typescript-eslint/parser': 5.31.0_eslint@8.20.0
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/type-utils': 5.31.0_eslint@8.20.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.20.0
       debug: 4.3.4
       eslint: 8.20.0
       functional-red-black-tree: 1.0.1
@@ -7308,7 +7383,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.31.0_d5zwcxr4bwkhmuo464cb3a2puu:
+  /@typescript-eslint/eslint-plugin/5.31.0_slugmiwpezfkvxhcmtxfzhclxe:
     resolution: {integrity: sha512-VKW4JPHzG5yhYQrQ1AzXgVgX8ZAJEvCz0QI6mLRX4tf7rnFfh5D8SKm0Pq6w5PyNfAWJk6sv313+nEt3ohWMBQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -7319,24 +7394,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.31.0_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/parser': 5.31.0_eslint@8.19.0
       '@typescript-eslint/scope-manager': 5.31.0
-      '@typescript-eslint/type-utils': 5.31.0_he2ccbldppg44uulnyq4rwocfa
-      '@typescript-eslint/utils': 5.31.0_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/type-utils': 5.31.0_eslint@8.19.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.19.0
       debug: 4.3.4
-      eslint: 8.20.0
+      eslint: 8.19.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
+      tsutils: 3.21.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.30.6_4x5o4skxv6sl53vpwefgt23khm:
-    resolution: {integrity: sha512-gfF9lZjT0p2ZSdxO70Xbw8w9sPPJGfAdjK7WikEjB3fcUI/yr9maUVEdqigBjKincUYNKOmf7QBMiTf719kbrA==}
+  /@typescript-eslint/parser/5.31.0_4x5o4skxv6sl53vpwefgt23khm:
+    resolution: {integrity: sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -7345,9 +7419,9 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6_typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0_typescript@4.7.4
       debug: 4.3.4
       eslint: 8.19.0
       typescript: 4.7.4
@@ -7355,8 +7429,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.30.6_eslint@8.19.0:
-    resolution: {integrity: sha512-gfF9lZjT0p2ZSdxO70Xbw8w9sPPJGfAdjK7WikEjB3fcUI/yr9maUVEdqigBjKincUYNKOmf7QBMiTf719kbrA==}
+  /@typescript-eslint/parser/5.31.0_eslint@8.19.0:
+    resolution: {integrity: sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -7365,36 +7439,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0
       debug: 4.3.4
       eslint: 8.19.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.30.6_eslint@8.20.0:
-    resolution: {integrity: sha512-gfF9lZjT0p2ZSdxO70Xbw8w9sPPJGfAdjK7WikEjB3fcUI/yr9maUVEdqigBjKincUYNKOmf7QBMiTf719kbrA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6
-      debug: 4.3.4
-      eslint: 8.20.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@typescript-eslint/parser/5.30.6_he2ccbldppg44uulnyq4rwocfa:
-    resolution: {integrity: sha512-gfF9lZjT0p2ZSdxO70Xbw8w9sPPJGfAdjK7WikEjB3fcUI/yr9maUVEdqigBjKincUYNKOmf7QBMiTf719kbrA==}
+  /@typescript-eslint/parser/5.31.0_eslint@8.20.0:
+    resolution: {integrity: sha512-UStjQiZ9OFTFReTrN+iGrC6O/ko9LVDhreEK5S3edmXgR396JGq7CoX2TWIptqt/ESzU2iRKXAHfSF2WJFcWHw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -7403,12 +7458,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6_typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0
       debug: 4.3.4
       eslint: 8.20.0
-      typescript: 4.7.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -7433,14 +7487,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager/5.30.6:
-    resolution: {integrity: sha512-Hkq5PhLgtVoW1obkqYH0i4iELctEKixkhWLPTYs55doGUKCASvkjOXOd/pisVeLdO24ZX9D6yymJ/twqpJiG3g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/visitor-keys': 5.30.6
-    dev: true
-
   /@typescript-eslint/scope-manager/5.31.0:
     resolution: {integrity: sha512-8jfEzBYDBG88rcXFxajdVavGxb5/XKXyvWgvD8Qix3EEJLCFIdVloJw+r9ww0wbyNLOTYyBsR+4ALNGdlalLLg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -7449,8 +7495,8 @@ packages:
       '@typescript-eslint/visitor-keys': 5.31.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.30.6_4x5o4skxv6sl53vpwefgt23khm:
-    resolution: {integrity: sha512-GFVVzs2j0QPpM+NTDMXtNmJKlF842lkZKDSanIxf+ArJsGeZUIaeT4jGg+gAgHt7AcQSFwW7htzF/rbAh2jaVA==}
+  /@typescript-eslint/type-utils/5.31.0_4x5o4skxv6sl53vpwefgt23khm:
+    resolution: {integrity: sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -7459,7 +7505,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/utils': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
       debug: 4.3.4
       eslint: 8.19.0
       tsutils: 3.21.0_typescript@4.7.4
@@ -7468,8 +7514,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils/5.30.6_eslint@8.19.0:
-    resolution: {integrity: sha512-GFVVzs2j0QPpM+NTDMXtNmJKlF842lkZKDSanIxf+ArJsGeZUIaeT4jGg+gAgHt7AcQSFwW7htzF/rbAh2jaVA==}
+  /@typescript-eslint/type-utils/5.31.0_eslint@8.19.0:
+    resolution: {integrity: sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -7478,7 +7524,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_eslint@8.19.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.19.0
       debug: 4.3.4
       eslint: 8.19.0
       tsutils: 3.21.0
@@ -7486,8 +7532,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils/5.30.6_eslint@8.20.0:
-    resolution: {integrity: sha512-GFVVzs2j0QPpM+NTDMXtNmJKlF842lkZKDSanIxf+ArJsGeZUIaeT4jGg+gAgHt7AcQSFwW7htzF/rbAh2jaVA==}
+  /@typescript-eslint/type-utils/5.31.0_eslint@8.20.0:
+    resolution: {integrity: sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '*'
@@ -7496,7 +7542,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_eslint@8.20.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.20.0
       debug: 4.3.4
       eslint: 8.20.0
       tsutils: 3.21.0
@@ -7504,25 +7550,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils/5.30.6_he2ccbldppg44uulnyq4rwocfa:
-    resolution: {integrity: sha512-GFVVzs2j0QPpM+NTDMXtNmJKlF842lkZKDSanIxf+ArJsGeZUIaeT4jGg+gAgHt7AcQSFwW7htzF/rbAh2jaVA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/utils': 5.30.6_he2ccbldppg44uulnyq4rwocfa
-      debug: 4.3.4
-      eslint: 8.20.0
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/type-utils/5.31.0_he2ccbldppg44uulnyq4rwocfa:
     resolution: {integrity: sha512-7ZYqFbvEvYXFn9ax02GsPcEOmuWNg+14HIf4q+oUuLnMbpJ6eHAivCg7tZMVwzrIuzX3QCeAOqKoyMZCv5xe+w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -7542,18 +7569,13 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types/5.30.6:
-    resolution: {integrity: sha512-HdnP8HioL1F7CwVmT4RaaMX57RrfqsOMclZc08wGMiDYJBsLGBM7JwXM4cZJmbWLzIR/pXg1kkrBBVpxTOwfUg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   /@typescript-eslint/types/5.31.0:
     resolution: {integrity: sha512-/f/rMaEseux+I4wmR6mfpM2wvtNZb1p9hAV77hWfuKc3pmaANp5dLAZSiE3/8oXTYTt3uV9KW5yZKJsMievp6g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.30.6:
-    resolution: {integrity: sha512-Z7TgPoeYUm06smfEfYF0RBkpF8csMyVnqQbLYiGgmUSTaSXTP57bt8f0UFXstbGxKIreTwQCujtaH0LY9w9B+A==}
+  /@typescript-eslint/typescript-estree/5.31.0:
+    resolution: {integrity: sha512-3S625TMcARX71wBc2qubHaoUwMEn+l9TCsaIzYI/ET31Xm2c9YQ+zhGgpydjorwQO9pLfR/6peTzS/0G3J/hDw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       typescript: '*'
@@ -7561,8 +7583,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/visitor-keys': 5.30.6
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/visitor-keys': 5.31.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
@@ -7572,27 +7594,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.30.6_typescript@4.7.4:
-    resolution: {integrity: sha512-Z7TgPoeYUm06smfEfYF0RBkpF8csMyVnqQbLYiGgmUSTaSXTP57bt8f0UFXstbGxKIreTwQCujtaH0LY9w9B+A==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/visitor-keys': 5.30.6
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/typescript-estree/5.31.0_typescript@4.7.4:
     resolution: {integrity: sha512-3S625TMcARX71wBc2qubHaoUwMEn+l9TCsaIzYI/ET31Xm2c9YQ+zhGgpydjorwQO9pLfR/6peTzS/0G3J/hDw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -7614,16 +7615,16 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.30.6_4x5o4skxv6sl53vpwefgt23khm:
-    resolution: {integrity: sha512-xFBLc/esUbLOJLk9jKv0E9gD/OH966M40aY9jJ8GiqpSkP2xOV908cokJqqhVd85WoIvHVHYXxSFE4cCSDzVvA==}
+  /@typescript-eslint/utils/5.31.0_4x5o4skxv6sl53vpwefgt23khm:
+    resolution: {integrity: sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6_typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0_typescript@4.7.4
       eslint: 8.19.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.19.0
@@ -7632,16 +7633,16 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils/5.30.6_eslint@8.19.0:
-    resolution: {integrity: sha512-xFBLc/esUbLOJLk9jKv0E9gD/OH966M40aY9jJ8GiqpSkP2xOV908cokJqqhVd85WoIvHVHYXxSFE4cCSDzVvA==}
+  /@typescript-eslint/utils/5.31.0_eslint@8.19.0:
+    resolution: {integrity: sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0
       eslint: 8.19.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.19.0
@@ -7650,34 +7651,16 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils/5.30.6_eslint@8.20.0:
-    resolution: {integrity: sha512-xFBLc/esUbLOJLk9jKv0E9gD/OH966M40aY9jJ8GiqpSkP2xOV908cokJqqhVd85WoIvHVHYXxSFE4cCSDzVvA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6
-      eslint: 8.20.0
-      eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.20.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
-  /@typescript-eslint/utils/5.30.6_he2ccbldppg44uulnyq4rwocfa:
-    resolution: {integrity: sha512-xFBLc/esUbLOJLk9jKv0E9gD/OH966M40aY9jJ8GiqpSkP2xOV908cokJqqhVd85WoIvHVHYXxSFE4cCSDzVvA==}
+  /@typescript-eslint/utils/5.31.0_eslint@8.20.0:
+    resolution: {integrity: sha512-kcVPdQS6VIpVTQ7QnGNKMFtdJdvnStkqS5LeALr4rcwx11G6OWb2HB17NMPnlRHvaZP38hL9iK8DdE9Fne7NYg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.30.6
-      '@typescript-eslint/types': 5.30.6
-      '@typescript-eslint/typescript-estree': 5.30.6_typescript@4.7.4
+      '@typescript-eslint/scope-manager': 5.31.0
+      '@typescript-eslint/types': 5.31.0
+      '@typescript-eslint/typescript-estree': 5.31.0
       eslint: 8.20.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.20.0
@@ -7704,14 +7687,6 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys/5.30.6:
-    resolution: {integrity: sha512-41OiCjdL2mCaSDi2SvYbzFLlqqlm5v1ZW9Ym55wXKL/Rx6OOB1IbuFGo71Fj6Xy90gJDFTlgOS+vbmtGHPTQQA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.30.6
-      eslint-visitor-keys: 3.3.0
-    dev: true
-
   /@typescript-eslint/visitor-keys/5.31.0:
     resolution: {integrity: sha512-ZK0jVxSjS4gnPirpVjXHz7mgdOsZUHzNYSfTw2yPa3agfbt9YfqaBiBZFSSxeBWnpWkzCxTfUpnzA3Vily/CSg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -10227,14 +10202,6 @@ packages:
   /dataloader/2.1.0:
     resolution: {integrity: sha512-qTcEYLen3r7ojZNgVUaRggOI+KM7jrKxXeSHhogh/TWxYMeONEMqY+hmkobiYQozsGIyg9OYVzO4ZIfoB4I0pQ==}
 
-  /date-fns-tz/1.3.6_date-fns@2.28.0:
-    resolution: {integrity: sha512-C8q7mErvG4INw1ZwAFmPlGjEo5Sv4udjKVbTc03zpP9cu6cp5AemFzKhz0V68LGcWEtX5mJudzzg3G04emIxLA==}
-    peerDependencies:
-      date-fns: '>=2.0.0'
-    dependencies:
-      date-fns: 2.28.0
-    dev: true
-
   /date-fns-tz/1.3.6_date-fns@2.29.1:
     resolution: {integrity: sha512-C8q7mErvG4INw1ZwAFmPlGjEo5Sv4udjKVbTc03zpP9cu6cp5AemFzKhz0V68LGcWEtX5mJudzzg3G04emIxLA==}
     peerDependencies:
@@ -10246,11 +10213,6 @@ packages:
   /date-fns/1.30.1:
     resolution: {integrity: sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==}
 
-  /date-fns/2.28.0:
-    resolution: {integrity: sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==}
-    engines: {node: '>=0.11'}
-    dev: true
-
   /date-fns/2.29.1:
     resolution: {integrity: sha512-dlLD5rKaKxpFdnjrs+5azHDFOPEu4ANy/LTh04A1DTzMM7qoajmKCBc8pkKRFT41CNzw+4gQh79X5C+Jq27HAw==}
     engines: {node: '>=0.11'}
@@ -11199,32 +11161,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils/2.7.3_bsugbhruclroeiaqnd7gqoy7ya:
-    resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 5.30.6_he2ccbldppg44uulnyq4rwocfa
-      debug: 3.2.7
-      eslint-import-resolver-node: 0.3.6
-      find-up: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-module-utils/2.7.3_vozeh3qpn3prlhg65r4uuu3jv4:
     resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
     engines: {node: '>=4'}
@@ -11254,7 +11190,7 @@ packages:
   /eslint-plugin-antfu/0.25.2_4x5o4skxv6sl53vpwefgt23khm:
     resolution: {integrity: sha512-yRhuFMwUKhSYm8BWTZsW4ymYnFPCJWZb2LzjG+mQb7JbKflk73JIFMCREPOaV4nWwc4YJEPhym75QsC7AFbqSw==}
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/utils': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -11264,7 +11200,7 @@ packages:
   /eslint-plugin-antfu/0.25.2_eslint@8.19.0:
     resolution: {integrity: sha512-yRhuFMwUKhSYm8BWTZsW4ymYnFPCJWZb2LzjG+mQb7JbKflk73JIFMCREPOaV4nWwc4YJEPhym75QsC7AFbqSw==}
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_eslint@8.19.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.19.0
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -11274,7 +11210,7 @@ packages:
   /eslint-plugin-antfu/0.25.2_eslint@8.20.0:
     resolution: {integrity: sha512-yRhuFMwUKhSYm8BWTZsW4ymYnFPCJWZb2LzjG+mQb7JbKflk73JIFMCREPOaV4nWwc4YJEPhym75QsC7AFbqSw==}
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_eslint@8.20.0
+      '@typescript-eslint/utils': 5.31.0_eslint@8.20.0
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -11284,7 +11220,7 @@ packages:
   /eslint-plugin-antfu/0.25.2_he2ccbldppg44uulnyq4rwocfa:
     resolution: {integrity: sha512-yRhuFMwUKhSYm8BWTZsW4ymYnFPCJWZb2LzjG+mQb7JbKflk73JIFMCREPOaV4nWwc4YJEPhym75QsC7AFbqSw==}
     dependencies:
-      '@typescript-eslint/utils': 5.30.6_he2ccbldppg44uulnyq4rwocfa
+      '@typescript-eslint/utils': 5.31.0_he2ccbldppg44uulnyq4rwocfa
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -11372,7 +11308,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-import/2.26.0_rywvbqnelbznwddhxv2glfjuay:
+  /eslint-plugin-import/2.26.0_slugmiwpezfkvxhcmtxfzhclxe:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -11382,45 +11318,14 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.30.6_4x5o4skxv6sl53vpwefgt23khm
+      '@typescript-eslint/parser': 5.31.0_4x5o4skxv6sl53vpwefgt23khm
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 8.19.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3_bsugbhruclroeiaqnd7gqoy7ya
-      has: 1.0.3
-      is-core-module: 2.9.0
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.values: 1.1.5
-      resolve: 1.22.1
-      tsconfig-paths: 3.14.1
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /eslint-plugin-import/2.26.0_y5cwkwncsnk6w3wfynadgn7abe:
-    resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 5.30.6_he2ccbldppg44uulnyq4rwocfa
-      array-includes: 3.1.5
-      array.prototype.flat: 1.3.0
-      debug: 2.6.9
-      doctrine: 2.1.0
-      eslint: 8.20.0
-      eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3_bsugbhruclroeiaqnd7gqoy7ya
+      eslint-module-utils: 2.7.3_vozeh3qpn3prlhg65r4uuu3jv4
       has: 1.0.3
       is-core-module: 2.9.0
       is-glob: 4.0.3
@@ -11643,8 +11548,8 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-vue/9.2.0_eslint@8.19.0:
-    resolution: {integrity: sha512-W2hc+NUXoce8sZtWgZ45miQTy6jNyuSdub5aZ1IBune4JDeAyzucYX0TzkrQ1jMO52sNUDYlCIHDoaNePe0p5g==}
+  /eslint-plugin-vue/9.3.0_eslint@8.19.0:
+    resolution: {integrity: sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
@@ -11661,24 +11566,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-vue/9.2.0_eslint@8.20.0:
-    resolution: {integrity: sha512-W2hc+NUXoce8sZtWgZ45miQTy6jNyuSdub5aZ1IBune4JDeAyzucYX0TzkrQ1jMO52sNUDYlCIHDoaNePe0p5g==}
-    engines: {node: ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      eslint: 8.20.0
-      eslint-utils: 3.0.0_eslint@8.20.0
-      natural-compare: 1.4.0
-      nth-check: 2.1.1
-      postcss-selector-parser: 6.0.10
-      semver: 7.3.7
-      vue-eslint-parser: 9.0.3_eslint@8.20.0
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-plugin-vue/9.3.0_eslint@8.20.0:
     resolution: {integrity: sha512-iscKKkBZgm6fGZwFt6poRoWC0Wy2dQOlwUPW++CiPoQiw1enctV2Hj5DBzzjJZfyqs+FAXhgzL4q0Ww03AgSmQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -16364,8 +16251,8 @@ packages:
       '@types/lodash-es': 4.17.6
       async-validator: 4.2.5
       css-render: 0.15.10
-      date-fns: 2.28.0
-      date-fns-tz: 1.3.6_date-fns@2.28.0
+      date-fns: 2.29.1
+      date-fns-tz: 1.3.6_date-fns@2.29.1
       evtd: 0.2.3
       highlight.js: 11.6.0
       lodash: 4.17.21
@@ -18672,26 +18559,18 @@ packages:
       - supports-color
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.76.0:
+  /rollup-plugin-terser/7.0.2_rollup@2.77.0:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
     dependencies:
       '@babel/code-frame': 7.18.6
       jest-worker: 26.6.2
-      rollup: 2.76.0
+      rollup: 2.77.0
       serialize-javascript: 4.0.0
       terser: 5.14.1
     dev: true
 
-  /rollup/2.76.0:
-    resolution: {integrity: sha512-9jwRIEY1jOzKLj3nsY/yot41r19ITdQrhs+q3ggNWhr9TQgduHqANvPpS32RNpzGklJu3G1AJfvlZLi/6wFgWA==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
   /rollup/2.77.0:
     resolution: {integrity: sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g==}
     engines: {node: '>=10.0.0'}
@@ -21161,7 +21040,7 @@ packages:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
-      rollup: 2.76.0
+      rollup: 2.77.0
       vite: 3.0.3
       workbox-build: 6.5.3
       workbox-window: 6.5.3
@@ -21619,9 +21498,9 @@ packages:
       '@babel/core': 7.18.6
       '@babel/preset-env': 7.18.6_@babel+core@7.18.6
       '@babel/runtime': 7.18.6
-      '@rollup/plugin-babel': 5.3.1_ayiqorrx7dutx4scyxuyyyvhga
-      '@rollup/plugin-node-resolve': 11.2.1_rollup@2.76.0
-      '@rollup/plugin-replace': 2.4.2_rollup@2.76.0
+      '@rollup/plugin-babel': 5.3.1_3crms4j33zkfeqv7ozcuia3hfq
+      '@rollup/plugin-node-resolve': 11.2.1_rollup@2.77.0
+      '@rollup/plugin-replace': 2.4.2_rollup@2.77.0
       '@surma/rollup-plugin-off-main-thread': 2.2.3
       ajv: 8.11.0
       common-tags: 1.8.2
@@ -21630,8 +21509,8 @@ packages:
       glob: 7.2.3
       lodash: 4.17.21
       pretty-bytes: 5.6.0
-      rollup: 2.76.0
-      rollup-plugin-terser: 7.0.2_rollup@2.76.0
+      rollup: 2.77.0
+      rollup-plugin-terser: 7.0.2_rollup@2.77.0
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 49987984..c7eaed9c 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,3 @@
 packages:
-  - "packages/*"
-  - "apps/*"
\ No newline at end of file
+  - apps/*
+  - packages/*
\ No newline at end of file

From 002b747a5006b844e289c91bcaaca7319678cf91 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Sat, 6 Aug 2022 19:04:15 +0300
Subject: [PATCH 2/4] Update main.ts

---
 apps/vue-admin/src/main.ts | 77 +++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/apps/vue-admin/src/main.ts b/apps/vue-admin/src/main.ts
index a529fa12..c5e01e0e 100644
--- a/apps/vue-admin/src/main.ts
+++ b/apps/vue-admin/src/main.ts
@@ -4,12 +4,10 @@ import axios from 'axios'
 import 'uno.css'
 import './assets/base.css'
 import { createHead } from '@vueuse/head'
-import { onMessage } from 'firebase/messaging'
-import router, { routes } from './router'
-import { messaging } from './services/notifications'
-import App from './App.vue'
 // import { onMessage } from 'firebase/messaging'
+import router, { routes } from './router'
 // import { messaging } from './services/notifications'
+import App from './App.vue'
 
 const meta = document.createElement('meta')
 meta.name = 'naive-ui-style'
@@ -43,41 +41,44 @@ if (import.meta.hot)
   import.meta.hot.accept()
 
 init()
-onMessage(messaging, (payload) => {
-  if (payload.notification === undefined)
-    return
+// TODO nullable Firebase messaging
+// if (import.meta.env.VITE_FIREBASE_CONFIG) {
+//   onMessage(messaging, (payload) => {
+//     if (payload.notification === undefined)
+//       return
 
-  // console.log(payload.data)
-  const notificationData = payload
+//     // console.log(payload.data)
+//     const notificationData = payload
 
-  // eslint-disable-next-line no-console
-  console.log(
-    '[firebase-messaging-sw.js] Received foreground message ',
-    notificationData,
-  )
-  const { tSuccess } = usePWebNotification()
-  if (notificationData.data)
-    tSuccess({ title: notificationData.data.title, description: notificationData.data.body })
+//     // eslint-disable-next-line no-console
+//     console.log(
+//       '[firebase-messaging-sw.js] Received foreground message ',
+//       notificationData,
+//     )
+//     const { tSuccess } = usePWebNotification()
+//     if (notificationData.data)
+//       tSuccess({ title: notificationData.data.title, description: notificationData.data.body })
 
-  const { title, body } = notificationData.data as { title: string; body: string }
-  const notificationTitle = title
-  const notificationOptions = {
-    body,
-    icon: '/logo-dark.png',
-  }
+//     const { title, body } = notificationData.data as { title: string; body: string }
+//     const notificationTitle = title
+//     const notificationOptions = {
+//       body,
+//       icon: '/logo-dark.png',
+//     }
 
-  navigator.serviceWorker.ready.then((registration) => {
-    registration
-      .showNotification(notificationTitle, notificationOptions)
-      .then(() => {
-        // eslint-disable-next-line no-console
-        console.log('[firebase-messaging-sw.js] Notification shown')
-      })
-      .catch((error) => {
-        console.error(
-          '[firebase-messaging-sw.js] Error showing notification',
-          error,
-        )
-      })
-  })
-})
+//     navigator.serviceWorker.ready.then((registration) => {
+//       registration
+//         .showNotification(notificationTitle, notificationOptions)
+//         .then(() => {
+//           // eslint-disable-next-line no-console
+//           console.log('[firebase-messaging-sw.js] Notification shown')
+//         })
+//         .catch((error) => {
+//           console.error(
+//             '[firebase-messaging-sw.js] Error showing notification',
+//             error,
+//           )
+//         })
+//     })
+//   })
+// }

From 18d74ee90977b9b4017667d68213e9a6dede7979 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Sat, 6 Aug 2022 20:24:57 +0300
Subject: [PATCH 3/4] feat: admin panel

---
 apps/nestjs/src/main.ts                       | 18 ++++++++---
 apps/vue-admin/.env.example                   |  3 ++
 apps/vue-admin/src/components.d.ts            |  1 +
 apps/vue-admin/src/layouts/default.vue        |  5 ++-
 apps/vue-admin/src/modules/apollo-graphql.ts  | 31 ++++++++++++++-----
 apps/vue-admin/src/pages/auth/login.vue       |  4 +--
 .../src/pages/{ => auth}/onlogin.vue          |  7 ++---
 packages/oku-api/graphql/query/auth.graphql   |  1 +
 packages/oku-api/node-graphql.ts              |  4 +--
 packages/oku-api/types/vue-apollo.ts          |  3 +-
 .../vue-design-system/components/Logo.vue     | 22 +++++++++++++
 11 files changed, 74 insertions(+), 25 deletions(-)
 create mode 100644 apps/vue-admin/.env.example
 rename apps/vue-admin/src/pages/{ => auth}/onlogin.vue (59%)
 create mode 100644 packages/vue-design-system/components/Logo.vue

diff --git a/apps/nestjs/src/main.ts b/apps/nestjs/src/main.ts
index 468cf423..230a27e2 100644
--- a/apps/nestjs/src/main.ts
+++ b/apps/nestjs/src/main.ts
@@ -35,11 +35,19 @@ async function bootstrap() {
 
   const urls = config.get<string>('CORS_ORIGIN')!.split(',')
   urls.push(ip)
-  app.enableCors({
-    origin: [...urls, new RegExp(`/^http:\/\/192\.168\.1\.([1-9]|[1-9]\d):${5000}$/`), /^https?:\/\/192\.168\.0\.[0-9]{1,3}/],
-    credentials: true,
-    optionsSuccessStatus: 200, // some legacy browsers (IE11, various SmartTVs) choke on 204
-  })
+  if (process.env.NODE_ENV === 'development') {
+    app.enableCors({
+      origin: [...urls, '*'],
+      credentials: true,
+    })
+  }
+  else {
+    app.enableCors({
+      origin: [...urls],
+      credentials: true,
+      optionsSuccessStatus: 200, // some legacy browsers (IE11, various SmartTVs) choke on 204
+    })
+  }
 
   const configService = app.get(ConfigService)
   const port = configService.get('PORT')
diff --git a/apps/vue-admin/.env.example b/apps/vue-admin/.env.example
new file mode 100644
index 00000000..529154f6
--- /dev/null
+++ b/apps/vue-admin/.env.example
@@ -0,0 +1,3 @@
+VITE_FIREBASE_CONFIG=
+VITE_VAPID_KEY=
+VITE_SERVER_URL=localhost
\ No newline at end of file
diff --git a/apps/vue-admin/src/components.d.ts b/apps/vue-admin/src/components.d.ts
index abe62973..585850ba 100644
--- a/apps/vue-admin/src/components.d.ts
+++ b/apps/vue-admin/src/components.d.ts
@@ -17,6 +17,7 @@ declare module '@vue/runtime-core' {
     FormInputWithValidation: typeof import('./../../../packages/vue-design-system/components/form/input-with-validation.vue')['default']
     FormSection: typeof import('./../../../packages/vue-design-system/components/form/section.vue')['default']
     HelloWorld: typeof import('./components/HelloWorld.vue')['default']
+    Logo: typeof import('./../../../packages/vue-design-system/components/Logo.vue')['default']
     MainPanel: typeof import('./components/MainPanel.vue')['default']
     NButton: typeof import('naive-ui')['NButton']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
diff --git a/apps/vue-admin/src/layouts/default.vue b/apps/vue-admin/src/layouts/default.vue
index 94ca203e..8ff76528 100644
--- a/apps/vue-admin/src/layouts/default.vue
+++ b/apps/vue-admin/src/layouts/default.vue
@@ -31,9 +31,8 @@ onMounted(() => {
 <template>
   <div class="flex-1-0 flex h-screen flex-col overflow-auto">
     <div class="flex-1-0 flex h-screen flex-col justify-between">
-      <NScrollbar>
-        <router-view />
-      </NScrollbar>
+      <router-view />
+
       <div class="absolute bottom-3 left-5 space-y-4">
         <div>
           <button
diff --git a/apps/vue-admin/src/modules/apollo-graphql.ts b/apps/vue-admin/src/modules/apollo-graphql.ts
index 385d7da1..ba57a87d 100644
--- a/apps/vue-admin/src/modules/apollo-graphql.ts
+++ b/apps/vue-admin/src/modules/apollo-graphql.ts
@@ -14,12 +14,14 @@ import { createUploadLink } from 'apollo-upload-client'
 import type { Client } from 'graphql-ws'
 import { createClient } from 'graphql-ws'
 import { DefaultApolloClient } from '@vue/apollo-composable'
-import { asyncMap, getMainDefinition } from '@apollo/client/utilities'
-import { createPersistedQueryLink } from '@apollo/client/link/persisted-queries'
-import sha256 from 'crypto-js/sha256'
+import { getMainDefinition } from '@apollo/client/utilities'
+// import { createPersistedQueryLink } from '@apollo/client/link/persisted-queries'
+// import sha256 from 'crypto-js/sha256'
+
 import { AppModule } from 'vue-app/types'
 import { print } from 'graphql'
 import { useAuth } from '~/composables/auth'
+import router from '~/router'
 const uri = import.meta.env.VITE_GRAPHQL_ENDPOINT
 const socket = import.meta.env.VITE_GRAPHQL_ENDPOINT_WS
 
@@ -84,13 +86,12 @@ const httpLink = createUploadLink({
   credentials: 'same-origin',
 })
 
-const apqLink = createPersistedQueryLink({
-  sha256: i => sha256(i).toString(),
-})
+// const apqLink = createPersistedQueryLink({
+//   sha256: i => sha256(i).toString(),
+// })
 
 const authMiddleware = new ApolloLink((operation, forward) => {
   const { token } = operation.getContext()
-  console.log(operation.getContext())
   operation.setContext(() => ({
     headers: {
       Authorization: token ? `Bearer ${token}` : '',
@@ -98,6 +99,7 @@ const authMiddleware = new ApolloLink((operation, forward) => {
   }))
   return forward(operation)
 })
+
 const splitLink = () => {
   return split(
     ({ query }) => {
@@ -119,7 +121,20 @@ const errorHandler = () => {
       for (const err of graphQLErrors) {
         switch (err.message) {
           case 'Unauthorized':
-            return fromPromise(refreshToken())
+            return fromPromise(
+              refreshToken({
+                onError: (_) => {
+                  const oldHeaders = operation.getContext().headers
+                  operation.setContext({
+                    header: {
+                      ...oldHeaders,
+                      authorization: '',
+                    },
+                  })
+                  router.push('/auth/login')
+                },
+              }),
+            )
               .filter(value => Boolean(value))
               .flatMap((accessToken) => {
                 const oldHeaders = operation.getContext().headers
diff --git a/apps/vue-admin/src/pages/auth/login.vue b/apps/vue-admin/src/pages/auth/login.vue
index ea45c918..69ca1529 100644
--- a/apps/vue-admin/src/pages/auth/login.vue
+++ b/apps/vue-admin/src/pages/auth/login.vue
@@ -66,7 +66,7 @@ const onSubmit = form.handleSubmit(async (values) => {
       tError(error[0].message)
     },
     onUser: (res) => {
-      router.push('/onlogin')
+      router.push('/auth/onlogin')
     },
   })
 }, onInvalidSubmit)
@@ -79,7 +79,7 @@ const onSubmit = form.handleSubmit(async (values) => {
     <div class="w-full max-w-md space-y-8">
       <div>
         <router-link to="/">
-          <img class="mx-auto h-24 w-auto" src="/logo-light.png" alt="appname">
+          <Logo class="h-16 w-auto mx-auto mb-10" />
         </router-link>
         <h2 class="mt-6 text-center text-3xl font-extrabold">
           Sign in to your account
diff --git a/apps/vue-admin/src/pages/onlogin.vue b/apps/vue-admin/src/pages/auth/onlogin.vue
similarity index 59%
rename from apps/vue-admin/src/pages/onlogin.vue
rename to apps/vue-admin/src/pages/auth/onlogin.vue
index c9863e59..92256721 100644
--- a/apps/vue-admin/src/pages/onlogin.vue
+++ b/apps/vue-admin/src/pages/auth/onlogin.vue
@@ -4,15 +4,14 @@ const router = useRouter()
 onMounted(async () => {
   await userStore.onInit()
   setTimeout(() => {
-    console.log(userStore.user)
     if (userStore.user)
-      router.push(userStore.user.username)
+      router.push(`/${userStore.user.username}`)
   }, 2000)
 })
 </script>
 
 <template>
-  <div>
-    {{ userStore }}
+  <div class="flex items-center justify-center h-full w-full animate-pulse">
+    <Logo class="h-10 w-auto" />
   </div>
 </template>
diff --git a/packages/oku-api/graphql/query/auth.graphql b/packages/oku-api/graphql/query/auth.graphql
index 2baecdbe..e4a824fb 100644
--- a/packages/oku-api/graphql/query/auth.graphql
+++ b/packages/oku-api/graphql/query/auth.graphql
@@ -2,5 +2,6 @@ query GetUserInfo {
   me {
     id
     email
+    username
   }
 }
\ No newline at end of file
diff --git a/packages/oku-api/node-graphql.ts b/packages/oku-api/node-graphql.ts
index ce2502c0..ce2aae95 100644
--- a/packages/oku-api/node-graphql.ts
+++ b/packages/oku-api/node-graphql.ts
@@ -567,7 +567,7 @@ export type CreateTokenNotificationMutation = { __typename?: 'Mutation', saveNot
 export type GetUserInfoQueryVariables = Exact<{ [key: string]: never; }>;
 
 
-export type GetUserInfoQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, email: string } };
+export type GetUserInfoQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, email: string, username: string } };
 
 
 export const ForgotPasswordDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"forgotPassword"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"data"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ForgotPasswordInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"forgotPassword"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"data"},"value":{"kind":"Variable","name":{"kind":"Name","value":"data"}}}]}]}}]} as unknown as DocumentNode<ForgotPasswordMutation, ForgotPasswordMutationVariables>;
@@ -576,4 +576,4 @@ export const ResetPasswordDocument = {"kind":"Document","definitions":[{"kind":"
 export const SignupDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"signup"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"data"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"SignUpInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"signUp"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"data"},"value":{"kind":"Variable","name":{"kind":"Name","value":"data"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"username"}}]}}]}}]} as unknown as DocumentNode<SignupMutation, SignupMutationVariables>;
 export const LogoutDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"logout"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"logout"}}]}}]} as unknown as DocumentNode<LogoutMutation, LogoutMutationVariables>;
 export const CreateTokenNotificationDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"createTokenNotification"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"data"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"CreateNotificationTokenInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"saveNotificationToken"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"data"},"value":{"kind":"Variable","name":{"kind":"Name","value":"data"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"token"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}}]}}]}}]} as unknown as DocumentNode<CreateTokenNotificationMutation, CreateTokenNotificationMutationVariables>;
-export const GetUserInfoDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetUserInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"me"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<GetUserInfoQuery, GetUserInfoQueryVariables>;
\ No newline at end of file
+export const GetUserInfoDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetUserInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"me"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"username"}}]}}]}}]} as unknown as DocumentNode<GetUserInfoQuery, GetUserInfoQueryVariables>;
\ No newline at end of file
diff --git a/packages/oku-api/types/vue-apollo.ts b/packages/oku-api/types/vue-apollo.ts
index 6b3b9f8a..2061fa8c 100644
--- a/packages/oku-api/types/vue-apollo.ts
+++ b/packages/oku-api/types/vue-apollo.ts
@@ -570,7 +570,7 @@ export type CreateTokenNotificationMutation = { __typename?: 'Mutation', saveNot
 export type GetUserInfoQueryVariables = Exact<{ [key: string]: never; }>;
 
 
-export type GetUserInfoQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, email: string } };
+export type GetUserInfoQuery = { __typename?: 'Query', me: { __typename?: 'User', id: string, email: string, username: string } };
 
 
 export const ForgotPasswordDocument = gql`
@@ -745,6 +745,7 @@ export const GetUserInfoDocument = gql`
   me {
     id
     email
+    username
   }
 }
     `;
diff --git a/packages/vue-design-system/components/Logo.vue b/packages/vue-design-system/components/Logo.vue
new file mode 100644
index 00000000..6fa1a0ab
--- /dev/null
+++ b/packages/vue-design-system/components/Logo.vue
@@ -0,0 +1,22 @@
+<template>
+  <svg v-bind="$attrs" width="405" height="98" viewBox="0 0 405 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M234.534 98C261.703 98 283.729 76.062 283.729 49C283.729 21.938 261.703 0 234.534 0C207.364 0 185.339 21.938 185.339 49C185.339 76.062 207.364 98 234.534 98Z" fill="#111111" />
+    <path d="M15.7608 64.5798C18.2869 64.5798 20.5201 64.0693 22.4604 63.0483C24.4374 61.9908 25.975 60.441 27.0733 58.399C28.2082 56.357 28.7757 53.8044 28.7757 50.7413C28.7757 47.5689 28.1716 44.9798 26.9635 42.9743C25.7919 40.9687 24.1628 39.5101 22.076 38.5984C19.9892 37.6503 17.6096 37.1763 14.937 37.1763C12.9601 37.1763 11.1845 37.4133 9.61024 37.8874C8.036 38.325 6.71804 38.8537 5.65634 39.4736C4.88753 39.9476 4.33838 40.4582 4.00889 41.0051C3.67939 41.5521 3.51465 42.2449 3.51465 43.0836V61.0245H10.2692V43.74C10.8184 43.4118 11.4774 43.1383 12.2462 42.9196C13.015 42.6643 13.9119 42.5367 14.937 42.5367C16.255 42.5367 17.4448 42.8102 18.5065 43.3571C19.5682 43.9041 20.3919 44.7793 20.9777 45.9826C21.6001 47.1495 21.9113 48.7357 21.9113 50.7413C21.9113 53.6221 21.2706 55.7553 19.9892 57.141C18.7079 58.4902 16.9689 59.1648 14.7723 59.1648C13.4543 59.1648 12.3011 58.946 11.3126 58.5084C10.3608 58.0343 9.53702 57.5056 8.84143 56.9222V62.7201C9.61024 63.1942 10.5804 63.6135 11.7519 63.9782C12.9601 64.3793 14.2963 64.5798 15.7608 64.5798ZM10.2692 59.1648L3.51465 59.1101V70.8701C3.51465 72.0369 3.80753 72.8574 4.39329 73.3315C5.01567 73.8055 5.94922 74.0425 7.19397 74.0425C7.85295 74.0425 8.45702 73.9878 9.00617 73.8784C9.55533 73.8055 9.97634 73.7143 10.2692 73.605V59.1648ZM39.6725 44.1229V51.6165H32.9179V43.5759C32.9179 42.6643 33.1375 41.8985 33.5769 41.2786C34.0162 40.6223 34.6386 40.0206 35.444 39.4736C36.5423 38.8172 37.9335 38.2703 39.6175 37.8327C41.3016 37.3951 43.1138 37.1763 45.0542 37.1763C48.4955 37.1763 50.2162 38.2338 50.2162 40.3488C50.2162 40.8593 50.143 41.3333 49.9965 41.7709C49.8501 42.172 49.667 42.5367 49.4474 42.8649C49.0813 42.7919 48.6236 42.7372 48.0745 42.7008C47.5253 42.6278 46.9396 42.5914 46.3172 42.5914C44.9992 42.5914 43.7545 42.7372 42.583 43.0289C41.4481 43.2842 40.4779 43.6489 39.6725 44.1229ZM32.9179 49.3739L39.6725 49.7021V63.7047C39.3796 63.8141 38.9586 63.9052 38.4094 63.9782C37.8603 64.0876 37.2562 64.1423 36.5972 64.1423C35.3525 64.1423 34.4189 63.9235 33.7965 63.4859C33.2108 63.0118 32.9179 62.1914 32.9179 61.0245V49.3739ZM77.7733 50.8507C77.7733 53.6585 77.2242 56.1017 76.1259 58.1802C75.0276 60.2223 73.4717 61.8085 71.4581 62.9389C69.4811 64.0329 67.1381 64.5798 64.4289 64.5798C61.7198 64.5798 59.3584 64.0329 57.3449 62.9389C55.3313 61.8085 53.7571 60.2223 52.6222 58.1802C51.5239 56.1382 50.9747 53.695 50.9747 50.8507C50.9747 48.0429 51.5422 45.618 52.6771 43.5759C53.812 41.5339 55.3862 39.9659 57.3998 38.8719C59.4133 37.7415 61.7564 37.1763 64.4289 37.1763C67.1015 37.1763 69.4262 37.7415 71.4032 38.8719C73.4167 39.9659 74.9727 41.5521 76.071 43.6306C77.2059 45.6727 77.7733 48.0794 77.7733 50.8507ZM64.4289 42.5367C62.4154 42.5367 60.8228 43.266 59.6513 44.7246C58.5164 46.1832 57.9489 48.2252 57.9489 50.8507C57.9489 53.5491 58.5164 55.6276 59.6513 57.0863C60.7862 58.5084 62.3788 59.2195 64.4289 59.2195C66.4425 59.2195 68.0167 58.4902 69.1517 57.0316C70.2866 55.573 70.854 53.5127 70.854 50.8507C70.854 48.2617 70.2866 46.2379 69.1517 44.7793C68.0167 43.2842 66.4425 42.5367 64.4289 42.5367ZM99.099 58.1255V40.9504H105.854V58.8366C105.854 59.6388 105.671 60.3134 105.304 60.8604C104.975 61.3709 104.426 61.8632 103.657 62.3372C102.778 62.9207 101.57 63.4312 100.033 63.8688C98.5315 64.3428 96.8109 64.5798 94.8705 64.5798C91.9783 64.5798 89.4522 64.1058 87.2922 63.1577C85.1688 62.1731 83.5214 60.6781 82.3498 58.6725C81.1783 56.6304 80.5926 54.0596 80.5926 50.9601C80.5926 47.7876 81.1783 45.1804 82.3498 43.1383C83.558 41.0963 85.1688 39.6012 87.1824 38.6531C89.1959 37.6686 91.4292 37.1763 93.8821 37.1763C95.2366 37.1763 96.4631 37.3404 97.5614 37.6686C98.6963 37.9968 99.6115 38.3796 100.307 38.8172V44.5605C99.7214 44.0135 98.9526 43.5395 98.0007 43.1383C97.0488 42.7372 95.9505 42.5367 94.7058 42.5367C93.3512 42.5367 92.1248 42.8284 91.0265 43.4118C89.9282 43.9588 89.0678 44.8704 88.4454 46.1467C87.8231 47.3865 87.5119 49.0092 87.5119 51.0148C87.5119 53.8591 88.1709 55.9376 89.4888 57.2503C90.8068 58.5631 92.5824 59.2195 94.8156 59.2195C95.8041 59.2195 96.6461 59.1101 97.3417 58.8913C98.0373 58.6725 98.6231 58.4172 99.099 58.1255ZM105.854 42.3179L99.099 42.3726V28.2606C99.3553 28.1876 99.758 28.0965 100.307 27.9871C100.893 27.8777 101.497 27.823 102.119 27.823C103.437 27.823 104.389 28.06 104.975 28.5341C105.561 28.9716 105.854 29.7739 105.854 30.9408V42.3179ZM111.367 53.9138V49.5927H118.122V53.8044C118.122 55.737 118.616 57.1227 119.604 57.9614C120.629 58.8001 122.039 59.2195 123.833 59.2195C125.004 59.2195 125.993 59.1101 126.798 58.8913C127.604 58.6725 128.208 58.4355 128.61 58.1802V49.5927H135.365V58.7272C135.365 59.5659 135.219 60.277 134.926 60.8604C134.669 61.4074 134.157 61.9179 133.388 62.3919C132.326 63.0118 130.972 63.5223 129.324 63.9235C127.714 64.361 125.865 64.5798 123.778 64.5798C121.252 64.5798 119.055 64.2152 117.188 63.4859C115.321 62.7566 113.875 61.6079 112.85 60.0399C111.862 58.4355 111.367 56.3934 111.367 53.9138ZM135.365 52.2182H128.61V37.9968C128.903 37.9238 129.324 37.8509 129.874 37.778C130.459 37.6686 131.063 37.6139 131.686 37.6139C132.967 37.6139 133.901 37.8327 134.486 38.2703C135.072 38.7078 135.365 39.5283 135.365 40.7316V52.2182ZM118.122 52.2182H111.367V37.9968C111.66 37.9238 112.081 37.8509 112.63 37.778C113.18 37.6686 113.784 37.6139 114.442 37.6139C115.724 37.6139 116.657 37.8327 117.243 38.2703C117.829 38.7078 118.122 39.5283 118.122 40.7316V52.2182ZM154.115 42.5914C151.919 42.5914 150.07 43.3024 148.569 44.7246C147.104 46.1467 146.372 48.2252 146.372 50.9601C146.372 53.6585 147.086 55.7006 148.514 57.0863C149.942 58.4719 151.79 59.1648 154.06 59.1648C155.415 59.1648 156.55 59.0007 157.465 58.6725C158.417 58.3078 159.241 57.9249 159.936 57.5238C160.485 57.852 160.906 58.2531 161.199 58.7272C161.529 59.1648 161.693 59.7117 161.693 60.3681C161.693 61.6079 160.943 62.629 159.442 63.4312C157.941 64.197 155.964 64.5798 153.511 64.5798C150.729 64.5798 148.276 64.0876 146.152 63.103C144.066 62.082 142.418 60.5504 141.21 58.5084C140.039 56.4663 139.453 53.9503 139.453 50.9601C139.453 47.8606 140.075 45.2898 141.32 43.2477C142.601 41.2057 144.285 39.6924 146.372 38.7078C148.496 37.6868 150.82 37.1763 153.346 37.1763C155.763 37.1763 157.703 37.5956 159.167 38.4343C160.632 39.273 161.364 40.3123 161.364 41.5521C161.364 42.0991 161.218 42.6096 160.925 43.0836C160.632 43.5577 160.284 43.9406 159.881 44.2323C159.149 43.7947 158.325 43.4118 157.41 43.0836C156.495 42.7555 155.397 42.5914 154.115 42.5914ZM165.724 49.3739H172.479V55.8282C172.479 57.0316 172.826 57.8885 173.522 58.399C174.254 58.9095 175.279 59.1648 176.597 59.1648C177.183 59.1648 177.805 59.0918 178.464 58.946C179.16 58.8001 179.746 58.6178 180.222 58.399C180.478 58.6907 180.716 59.0371 180.936 59.4383C181.155 59.8394 181.265 60.3316 181.265 60.9151C181.265 61.9726 180.753 62.8477 179.727 63.5406C178.739 64.2334 177.183 64.5798 175.06 64.5798C172.167 64.5798 169.879 63.9417 168.195 62.6654C166.548 61.3527 165.724 59.2377 165.724 56.3205V49.3739ZM169.843 43.7947V38.489H180.606C180.753 38.7443 180.899 39.109 181.045 39.583C181.228 40.057 181.32 40.5493 181.32 41.0598C181.32 41.9715 181.1 42.6643 180.661 43.1383C180.222 43.5759 179.654 43.7947 178.959 43.7947H169.843ZM172.479 50.8507H165.724V31.1596C166.017 31.0502 166.438 30.9408 166.987 30.8314C167.573 30.722 168.177 30.6673 168.799 30.6673C170.081 30.6673 171.014 30.9043 171.6 31.3783C172.186 31.8159 172.479 32.6182 172.479 33.785V50.8507Z" fill="url(#paint0_linear_17_12)" />
+    <path d="M212.906 58.1255V40.9504H219.661V58.8366C219.661 59.6388 219.478 60.3134 219.112 60.8604C218.782 61.3709 218.233 61.8632 217.464 62.3372C216.586 62.9207 215.378 63.4312 213.84 63.8688C212.339 64.3428 210.618 64.5798 208.678 64.5798C205.786 64.5798 203.26 64.1058 201.1 63.1577C198.976 62.1731 197.329 60.6781 196.157 58.6725C194.986 56.6304 194.4 54.0597 194.4 50.9601C194.4 47.7877 194.986 45.1804 196.157 43.1383C197.365 41.0963 198.976 39.6012 200.99 38.6531C203.003 37.6686 205.237 37.1763 207.689 37.1763C209.044 37.1763 210.27 37.3404 211.369 37.6686C212.504 37.9968 213.419 38.3796 214.114 38.8172V44.5605C213.529 44.0135 212.76 43.5395 211.808 43.1383C210.856 42.7372 209.758 42.5367 208.513 42.5367C207.159 42.5367 205.932 42.8284 204.834 43.4118C203.735 43.9588 202.875 44.8704 202.253 46.1467C201.63 47.3865 201.319 49.0092 201.319 51.0148C201.319 53.8591 201.978 55.9376 203.296 57.2504C204.614 58.5631 206.39 59.2195 208.623 59.2195C209.611 59.2195 210.453 59.1101 211.149 58.8913C211.845 58.6725 212.43 58.4172 212.906 58.1255ZM219.661 42.3179L212.906 42.3726V28.2606C213.163 28.1876 213.565 28.0965 214.114 27.9871C214.7 27.8777 215.304 27.823 215.927 27.823C217.245 27.823 218.197 28.06 218.782 28.5341C219.368 28.9716 219.661 29.7739 219.661 30.9408V42.3179ZM228.14 54.2967L227.865 49.5927L242.583 47.4048C242.474 46.0191 241.943 44.8157 240.991 43.7947C240.039 42.7737 238.647 42.2632 236.817 42.2632C234.95 42.2632 233.393 42.9196 232.15 44.2323C230.904 45.5086 230.263 47.3501 230.226 49.7568L230.391 52.601C230.722 54.9348 231.618 56.6487 233.082 57.7426C234.583 58.8366 236.47 59.3836 238.739 59.3836C240.277 59.3836 241.705 59.1648 243.023 58.7272C244.341 58.2531 245.384 57.7426 246.152 57.1957C246.664 57.5238 247.068 57.9432 247.361 58.4537C247.691 58.9277 247.855 59.4565 247.855 60.0399C247.855 60.988 247.434 61.8085 246.592 62.5013C245.75 63.1577 244.615 63.6682 243.188 64.0329C241.76 64.3975 240.129 64.5798 238.299 64.5798C235.48 64.5798 232.972 64.0693 230.776 63.0483C228.616 61.9908 226.913 60.4228 225.668 58.3443C224.46 56.2658 223.856 53.6768 223.856 50.5772C223.856 48.3529 224.204 46.402 224.9 44.7246C225.595 43.0472 226.529 41.6615 227.7 40.5676C228.908 39.4371 230.3 38.5984 231.874 38.0515C233.449 37.468 235.097 37.1763 236.817 37.1763C239.234 37.1763 241.339 37.6686 243.133 38.6531C244.963 39.6012 246.391 40.9322 247.416 42.6461C248.478 44.3599 249.009 46.329 249.009 48.5534C249.009 49.5744 248.734 50.3402 248.184 50.8507C247.672 51.3248 246.94 51.6165 245.988 51.7259L228.14 54.2967ZM272.638 37.3951C273.59 37.3951 274.377 37.6139 274.999 38.0515C275.622 38.489 275.933 39.1819 275.933 40.13C275.933 40.7134 275.732 41.698 275.329 43.0836C274.963 44.4329 274.469 46.0191 273.846 47.8423C273.224 49.6656 272.528 51.5436 271.759 53.4762C271.027 55.4089 270.277 57.2503 269.508 59.0007C268.739 60.7145 268.044 62.1549 267.421 63.3218C267.092 63.577 266.561 63.7958 265.829 63.9782C265.133 64.1605 264.346 64.2516 263.467 64.2516C262.442 64.2516 261.564 64.1058 260.831 63.8141C260.099 63.5588 259.587 63.1395 259.294 62.556C258.891 61.7903 258.378 60.7145 257.756 59.3289C257.17 57.9432 256.53 56.357 255.834 54.5702C255.138 52.7834 254.443 50.9419 253.747 49.0457C253.052 47.1495 252.411 45.3263 251.825 43.5759C251.276 41.8256 250.818 40.2758 250.452 38.9266C250.855 38.489 251.368 38.1244 251.99 37.8327C252.649 37.541 253.326 37.3951 254.022 37.3951C254.974 37.3951 255.743 37.6139 256.328 38.0515C256.951 38.4526 257.408 39.2001 257.701 40.2941L260.502 49.4286C260.795 50.3767 261.124 51.4159 261.49 52.5463C261.893 53.6403 262.259 54.6978 262.589 55.7188C262.918 56.7034 263.193 57.5421 263.412 58.2349H263.632C264.73 55.026 265.792 51.6894 266.817 48.2252C267.879 44.761 268.794 41.388 269.563 38.1062C270.442 37.6321 271.467 37.3951 272.638 37.3951Z" fill="url(#paint1_linear_17_12)" />
+    <path d="M303.691 37.1763C306.034 37.1763 308.139 37.6868 310.006 38.7078C311.91 39.6924 313.411 41.2057 314.509 43.2477C315.607 45.2533 316.156 47.7694 316.156 50.796C316.156 53.8591 315.571 56.4117 314.399 58.4537C313.264 60.4957 311.653 62.0273 309.567 63.0483C307.517 64.0693 305.119 64.5798 302.373 64.5798C300.286 64.5798 298.455 64.3246 296.881 63.8141C295.344 63.34 294.044 62.7748 292.982 62.1184C292.213 61.5715 291.646 61.0245 291.28 60.4775C290.95 59.8941 290.786 59.183 290.786 58.3443V40.677H297.54V57.9067C298.016 58.2349 298.657 58.5449 299.462 58.8366C300.304 59.0918 301.256 59.2195 302.318 59.2195C304.405 59.2195 306.07 58.5266 307.315 57.141C308.596 55.7553 309.237 53.6403 309.237 50.796C309.237 47.9153 308.615 45.8185 307.37 44.5058C306.125 43.193 304.496 42.5367 302.483 42.5367C301.201 42.5367 300.066 42.7737 299.078 43.2477C298.089 43.7218 297.247 44.2688 296.552 44.8887L296.112 39.4189C296.954 38.9084 297.998 38.4161 299.243 37.9421C300.524 37.4316 302.007 37.1763 303.691 37.1763ZM297.54 42.2085H290.786V28.2606C291.079 28.1876 291.5 28.0965 292.049 27.9871C292.598 27.8777 293.202 27.823 293.861 27.823C295.142 27.823 296.076 28.06 296.662 28.5341C297.247 28.9716 297.54 29.7739 297.54 30.9408V42.2085ZM345.774 50.8507C345.774 53.6585 345.225 56.1017 344.127 58.1802C343.028 60.2223 341.472 61.8085 339.459 62.9389C337.482 64.0329 335.139 64.5798 332.43 64.5798C329.721 64.5798 327.359 64.0329 325.346 62.9389C323.332 61.8085 321.758 60.2223 320.623 58.1802C319.525 56.1382 318.975 53.695 318.975 50.8507C318.975 48.0429 319.543 45.618 320.678 43.5759C321.813 41.5339 323.387 39.9659 325.401 38.8719C327.414 37.7415 329.757 37.1763 332.43 37.1763C335.102 37.1763 337.427 37.7415 339.404 38.8719C341.418 39.9659 342.973 41.5521 344.072 43.6306C345.207 45.6727 345.774 48.0794 345.774 50.8507ZM332.43 42.5367C330.416 42.5367 328.824 43.266 327.652 44.7246C326.517 46.1832 325.95 48.2252 325.95 50.8507C325.95 53.5491 326.517 55.6277 327.652 57.0863C328.787 58.5084 330.38 59.2195 332.43 59.2195C334.443 59.2195 336.018 58.4902 337.152 57.0316C338.287 55.573 338.855 53.5127 338.855 50.8507C338.855 48.2617 338.287 46.2379 337.152 44.7793C336.018 43.2842 334.443 42.5367 332.43 42.5367ZM375.392 50.8507C375.392 53.6585 374.843 56.1017 373.744 58.1802C372.646 60.2223 371.09 61.8085 369.076 62.9389C367.1 64.0329 364.756 64.5798 362.047 64.5798C359.338 64.5798 356.977 64.0329 354.963 62.9389C352.95 61.8085 351.375 60.2223 350.241 58.1802C349.142 56.1382 348.593 53.695 348.593 50.8507C348.593 48.0429 349.161 45.618 350.295 43.5759C351.43 41.5339 353.005 39.9659 355.018 38.8719C357.032 37.7415 359.375 37.1763 362.047 37.1763C364.72 37.1763 367.045 37.7415 369.022 38.8719C371.035 39.9659 372.591 41.5521 373.689 43.6306C374.824 45.6727 375.392 48.0794 375.392 50.8507ZM362.047 42.5367C360.034 42.5367 358.441 43.266 357.27 44.7246C356.135 46.1832 355.567 48.2252 355.567 50.8507C355.567 53.5491 356.135 55.6277 357.27 57.0863C358.405 58.5084 359.997 59.2195 362.047 59.2195C364.061 59.2195 365.635 58.4902 366.77 57.0316C367.905 55.573 368.472 53.5127 368.472 50.8507C368.472 48.2617 367.905 46.2379 366.77 44.7793C365.635 43.2842 364.061 42.5367 362.047 42.5367ZM389.468 52.9292L384.746 49.8115L397.211 37.4498C398.566 37.4863 399.646 37.8144 400.451 38.4343C401.257 39.0178 401.66 39.7836 401.66 40.7316C401.66 41.4974 401.385 42.1903 400.836 42.8102C400.323 43.4301 399.536 44.1958 398.474 45.1075L389.468 52.9292ZM384.91 50.796L390.127 48.3346L402.923 60.3134C402.813 61.5168 402.447 62.4649 401.824 63.1577C401.202 63.8505 400.342 64.197 399.243 64.197C398.401 64.197 397.632 63.9964 396.937 63.5953C396.241 63.1577 395.527 62.5013 394.795 61.6262L384.91 50.796ZM379.639 49.2645L386.393 49.5927V63.7047C386.1 63.8141 385.679 63.9052 385.13 63.9782C384.581 64.0876 383.977 64.1423 383.318 64.1423C382.073 64.1423 381.14 63.9235 380.517 63.4859C379.931 63.0118 379.639 62.1914 379.639 61.0245V49.2645ZM386.393 53.0386L379.639 52.7104V28.2606C379.931 28.1876 380.352 28.0965 380.902 27.9871C381.451 27.8777 382.055 27.823 382.714 27.823C383.995 27.823 384.929 28.06 385.514 28.5341C386.1 28.9716 386.393 29.7739 386.393 30.9408V53.0386Z" fill="url(#paint2_linear_17_12)" />
+    <defs>
+      <linearGradient id="paint0_linear_17_12" x1="181.907" y1="92.3024" x2="6.63952e-05" y2="92.3024" gradientUnits="userSpaceOnUse">
+        <stop offset="0.359375" stop-color="#777777" />
+        <stop offset="1" stop-color="#111111" />
+      </linearGradient>
+      <linearGradient id="paint1_linear_17_12" x1="276.864" y1="92.3024" x2="192.203" y2="92.3024" gradientUnits="userSpaceOnUse">
+        <stop offset="0.359375" stop-color="white" />
+        <stop offset="1" stop-color="#A0A0A0" />
+      </linearGradient>
+      <linearGradient id="paint2_linear_17_12" x1="287.161" y1="73.5001" x2="405" y2="73.5001" gradientUnits="userSpaceOnUse">
+        <stop offset="0.359375" stop-color="#777777" />
+        <stop offset="1" stop-color="#111111" />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>

From 044fd756816519cc5a54bf3c6f602042a96cd703 Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Sat, 6 Aug 2022 21:32:30 +0300
Subject: [PATCH 4/4] feat: sidebar

---
 apps/vue-admin/src/components.d.ts          |   8 +
 apps/vue-admin/src/components/SidePanel.vue | 145 +++----
 apps/vue-admin/src/layouts/user.vue         | 168 ++++++--
 apps/vue-admin/src/pages/index.vue          | 430 +-------------------
 apps/vue-admin/src/stores/useUserStore.ts   |   6 +-
 5 files changed, 214 insertions(+), 543 deletions(-)

diff --git a/apps/vue-admin/src/components.d.ts b/apps/vue-admin/src/components.d.ts
index 585850ba..39f81919 100644
--- a/apps/vue-admin/src/components.d.ts
+++ b/apps/vue-admin/src/components.d.ts
@@ -12,6 +12,8 @@ declare module '@vue/runtime-core' {
     AtomHDialogBg: typeof import('./../../../packages/vue-design-system/components/atom/h-dialog-bg.vue')['default']
     AtomHOverlay: typeof import('./../../../packages/vue-design-system/components/atom/h-overlay.vue')['default']
     AtomSectionTitle: typeof import('./../../../packages/vue-design-system/components/atom/section-title.vue')['default']
+    Dialog: typeof import('@headlessui/vue')['Dialog']
+    DialogPanel: typeof import('@headlessui/vue')['DialogPanel']
     ExploreContainer: typeof import('./../../../packages/vue-design-system/components/ExploreContainer.vue')['default']
     FormCheckboxWithValidation: typeof import('./../../../packages/vue-design-system/components/form/checkbox-with-validation.vue')['default']
     FormInputWithValidation: typeof import('./../../../packages/vue-design-system/components/form/input-with-validation.vue')['default']
@@ -19,6 +21,10 @@ declare module '@vue/runtime-core' {
     HelloWorld: typeof import('./components/HelloWorld.vue')['default']
     Logo: typeof import('./../../../packages/vue-design-system/components/Logo.vue')['default']
     MainPanel: typeof import('./components/MainPanel.vue')['default']
+    Menu: typeof import('@headlessui/vue')['Menu']
+    MenuButton: typeof import('@headlessui/vue')['MenuButton']
+    MenuItem: typeof import('@headlessui/vue')['MenuItem']
+    MenuItems: typeof import('@headlessui/vue')['MenuItems']
     NButton: typeof import('naive-ui')['NButton']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDropdown: typeof import('naive-ui')['NDropdown']
@@ -33,6 +39,8 @@ declare module '@vue/runtime-core' {
     SidePanel: typeof import('./components/SidePanel.vue')['default']
     TemLoadData: typeof import('./components/tem/LoadData.vue')['default']
     TitleHead: typeof import('./../../../packages/vue-design-system/components/TitleHead.vue')['default']
+    TransitionChild: typeof import('@headlessui/vue')['TransitionChild']
+    TransitionRoot: typeof import('@headlessui/vue')['TransitionRoot']
     UnoIcon: typeof import('./../../../packages/vue-design-system/components/UnoIcon.vue')['default']
   }
 }
diff --git a/apps/vue-admin/src/components/SidePanel.vue b/apps/vue-admin/src/components/SidePanel.vue
index 72dbc108..4009c067 100644
--- a/apps/vue-admin/src/components/SidePanel.vue
+++ b/apps/vue-admin/src/components/SidePanel.vue
@@ -8,7 +8,7 @@ import {
 import { useRoute } from 'vue-router'
 import { onMounted } from 'vue'
 const emit = defineEmits(['scroll'])
-const user = useUserStore()
+const { gUser } = useUserStore()
 const route = useRoute()
 async function signOut() {
 
@@ -30,89 +30,74 @@ onMounted(() => {
 </script>
 
 <template>
-  <Popover class="">
-    <div id="sidepanel" class="sm:fixed h-full bg-gradient-to-b from-backdrop to-surface dark:from-slate-800 dark:to-slate-900 flex-none sm:w-64 flex flex-col justify-between text-primary dark:text-primary-dark">
-      <div class="space-y-8">
-        <div class="px-4 sm:px-0 flex justify-between items-center sm:block w-full">
-          <!-- App Name -->
-          <div class="sm:px-7 py-6">
-            <AppLogo class="w-max" />
-          </div>
-          <div class="sm:hidden flex items-center gap-4">
-            <DarkMode />
-            <PopoverButton class="rounded-md p-0 inline-flex items-center justify-center text-neutral-400 hover:text-neutral-500 hover:bg-neutral-100 focus:outline-none focus:ring-0">
-              <span class="sr-only">Open menu</span>
-              <MenuIcon class="h-6 w-6" aria-hidden="true" />
-            </PopoverButton>
-          </div>
-          <div class="hidden sm:block">
-            <!-- Pages -->
-            <div class="space-y-1 px-3">
-              asdasd
-              <!-- <template v-for="page in store.dashboard.pages" :key="page.name">
-                <router-link
-                  :to="`/${page.page_id}`" class="block w-full truncate font-medium text-left px-4 py-2 hover:bg-surface dark:hover:bg-surface-dark"
-                  :class="[route.params.pageId === page.page_id ? 'bg-surface dark:bg-surface-dark font-semibold shadow rounded' : '']"
-                >
-                  {{ page.name }}
-                </router-link>
-              </template> -->
+  <!-- Static sidebar for desktop -->
+  <div class="hidden lg:flex lg:flex-col lg:w-64 lg:fixed lg:inset-y-0 lg:border-r lg:border-gray-200 lg:pt-5 lg:pb-4 lg:bg-gray-100">
+    <div class="flex items-center flex-shrink-0 px-6">
+      <Logo class="h-16 w-auto mx-auto mb-10" />
+    </div>
+    <!-- Sidebar component, swap this element with another sidebar if you like -->
+    <div class="mt-6 h-0 flex-1 flex flex-col overflow-y-auto">
+      <!-- User account dropdown -->
+      <Menu as="div" class="px-3 relative inline-block text-left">
+        <div>
+          <MenuButton class="group w-full bg-gray-100 rounded-md px-3.5 py-2 text-sm text-left font-medium text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-purple-500">
+            <span class="flex w-full justify-between items-center">
+              <span class="flex min-w-0 items-center justify-between space-x-3">
+                <img class="w-10 h-10 bg-gray-300 rounded-full flex-shrink-0" src="https://images.unsplash.com/photo-1502685104226-ee32379fefbe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=3&w=256&h=256&q=80" alt="">
+                <span class="flex-1 flex flex-col min-w-0">
+                  <span class="text-gray-900 text-sm font-medium truncate">{{ gUser.username }}</span>
+                  <span class="text-gray-500 text-sm truncate">{{ gUser.email }}</span>
+                </span>
+              </span>
+              <SelectorIcon class="flex-shrink-0 h-5 w-5 text-gray-400 group-hover:text-gray-500" aria-hidden="true" />
+            </span>
+          </MenuButton>
+        </div>
+        <transition enter-active-class="transition ease-out duration-100" enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100" leave-active-class="transition ease-in duration-75" leave-from-class="transform opacity-100 scale-100" leave-to-class="transform opacity-0 scale-95">
+          <MenuItems class="z-10 mx-3 origin-top absolute right-0 left-0 mt-1 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-200 focus:outline-none">
+            <div class="py-1">
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">View profile</a>
+              </MenuItem>
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Settings</a>
+              </MenuItem>
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Notifications</a>
+              </MenuItem>
             </div>
+            <div class="py-1">
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Get desktop app</a>
+              </MenuItem>
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Support</a>
+              </MenuItem>
+            </div>
+            <div class="py-1">
+              <MenuItem v-slot="{ active }">
+                <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Logout</a>
+              </MenuItem>
+            </div>
+          </MenuItems>
+        </transition>
+      </Menu>
+      <!-- Sidebar Search -->
+      <div class="px-3 mt-5">
+        <label for="search" class="sr-only">Search</label>
+        <div class="mt-1 relative rounded-md shadow-sm">
+          <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" aria-hidden="true">
+            <SearchIcon class="mr-3 h-4 w-4 text-gray-400" aria-hidden="true" />
           </div>
+          <input id="search" type="text" name="search" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-9 sm:text-sm border-gray-300 rounded-md" placeholder="Search">
         </div>
       </div>
-      <div class="hidden sm:flex p-4 justify-between items-center">
-        <div class="flex items-center gap-2 group">
-          <div class="flex-shrink-0 h-12 w-12">
-            <Avatar />
-          </div>
-          <div class="font-medium text-sm opacity-0 group-hover:opacity-100 transition cursor-pointer" @click="signOut">
-            Log out
-          </div>
+      <!-- Navigation -->
+      <nav class="px-3 mt-6">
+        <div class="space-y-1">
+          Roles
         </div>
-        <DarkMode />
-      </div>
+      </nav>
     </div>
-    <transition enter-active-class="duration-200 ease-out" enter-from-class="opacity-0 scale-95" enter-to-class="opacity-100 scale-100" leave-active-class="duration-100 ease-in" leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
-      <PopoverPanel v-slot="{ close }" focus class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden z-50">
-        <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 divide-y-2 bg-white divide-neutral-50 dark:bg-neutral-800 dark:divide-neutral-700">
-          <div class="pt-4 pb-6 px-5">
-            <div class="flex items-center justify-between">
-              <div class="flex items-center gap-2">
-                <AppLogo />
-              </div>
-              <div class="-mr-2">
-                <PopoverButton class="rounded-md p-2 inline-flex items-center justify-center focus:outline-none focus:ring-0 text-neutral-400 dark:text-neutral-500">
-                  <span class="sr-only">Close menu</span>
-                  <XIcon class="h-6 w-6" aria-hidden="true" />
-                </PopoverButton>
-              </div>
-            </div>
-          </div>
-          <div class="sm:hidden">
-            <!-- Profile -->
-            <a class="py-6 flex items-center space-x-3 px-4 sm:px-6 select-none w-full" :title="store.user?.email || ''">
-              <div class="flex-shrink-0 h-12 w-12">
-                <Avatar />
-              </div>
-              <div class="space-y-1 shrink font-medium truncate text-neutral-800 dark:text-neutral-200">
-                {{ user.user.email || '' }}
-              </div>
-            </a>
-            <!-- Pages -->
-            <div class="flex flex-col divide-y border-t text-neutral-800 border-neutral-200 divide-neutral-200 dark:text-neutral-300 dark:border-neutral-700 dark:divide-neutral-700">
-              <!-- <template v-for="page in store.dashboard.pages" :key="page.name">
-                <template class="block hover:bg-neutral-100 font-medium">
-                  <button class="px-4 sm:px-6 py-4 block w-full truncate font-medium text-left" @click="openLink(page.page_id, close)">
-                    {{ page.name }}
-                  </button>
-                </template>
-              </template> -->
-              <a class="cursor-pointer hover:bg-neutral-100 font-medium px-4 sm:px-6 py-4 block w-full truncate" @click="signOut">Log out</a>
-            </div>
-          </div>
-        </div>
-      </PopoverPanel>
-    </transition>
-  </Popover>
+  </div>
 </template>
diff --git a/apps/vue-admin/src/layouts/user.vue b/apps/vue-admin/src/layouts/user.vue
index 1ec01db0..828e1c5f 100644
--- a/apps/vue-admin/src/layouts/user.vue
+++ b/apps/vue-admin/src/layouts/user.vue
@@ -1,47 +1,141 @@
 <script setup lang="ts">
-const userStore = useUserStore()
-const route = useRoute()
-// if (route.path === '/' && store.dashboard.pages.length)
-//   router.push(`/${store.dashboard.pages[0].page_id}`)
-
-function scrollMainPanel(deltaY: number) {
-  const element = document.getElementById('mainpanel')
-  if (!element)
-    return
-  element.scrollBy({ top: deltaY, behavior: 'auto' })
-}
+import { ref } from 'vue'
+import {
+  Dialog,
+  DialogPanel,
+  Menu,
+  MenuButton,
+  MenuItem,
+  MenuItems,
+  TransitionChild,
+  TransitionRoot,
+} from '@headlessui/vue'
+import { Head } from '@vueuse/head'
+const sidebarOpen = ref(false)
 </script>
 
 <template>
-  <div>
-    <div class="relative min-h-screen flex flex-col">
-      <div class="flex-grow w-full mx-auto sm:flex bg-surface dark:bg-surface-dark">
-        <div v-if="userStore.user && userStore.user.id" class="sm:flex w-full transition">
-          <SidePanel @scroll="scrollMainPanel" />
-          <MainPanel id="mainpanel">
-            <router-view v-slot="{ Component }">
-              <transition mode="out-in">
-                <component :is="Component" :key="route.fullPath" />
+  <Head>
+    <html class="h-full min-h-full" />
+  </Head>
+  <div class="relative min-h-full flex flex-col">
+    <TransitionRoot as="template" :show="sidebarOpen">
+      <Dialog as="div" class="relative z-40 lg:hidden" @close="sidebarOpen = false">
+        <TransitionChild as="template" enter="transition-opacity ease-linear duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="transition-opacity ease-linear duration-300" leave-from="opacity-100" leave-to="opacity-0">
+          <div class="fixed inset-0 bg-gray-600 bg-opacity-75" />
+        </TransitionChild>
+
+        <div class="fixed inset-0 flex z-40">
+          <TransitionChild as="template" enter="transition ease-in-out duration-300 transform" enter-from="-translate-x-full" enter-to="translate-x-0" leave="transition ease-in-out duration-300 transform" leave-from="translate-x-0" leave-to="-translate-x-full">
+            <DialogPanel class="relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white">
+              <TransitionChild as="template" enter="ease-in-out duration-300" enter-from="opacity-0" enter-to="opacity-100" leave="ease-in-out duration-300" leave-from="opacity-100" leave-to="opacity-0">
+                <div class="absolute top-0 right-0 -mr-12 pt-2">
+                  <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" @click="sidebarOpen = false">
+                    <span class="sr-only">Close sidebar</span>
+                    <XIcon class="h-6 w-6 text-white" aria-hidden="true" />
+                  </button>
+                </div>
+              </TransitionChild>
+              <div class="flex-shrink-0 flex items-center px-4">
+                <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-logo-purple-500-mark-gray-700-text.svg" alt="Workflow">
+              </div>
+              <div class="mt-5 flex-1 h-0 overflow-y-auto">
+                <nav class="px-2">
+                  <div class="space-y-1">
+                    <a v-for="item in navigation" :key="item.name" :href="item.href" class="group flex items-center px-2 py-2 text-base leading-5 font-medium rounded-md" :class="[item.current ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50']" :aria-current="item.current ? 'page' : undefined">
+                      <component :is="item.icon" class="mr-3 flex-shrink-0 h-6 w-6" :class="[item.current ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500']" aria-hidden="true" />
+                      {{ item.name }}
+                    </a>
+                  </div>
+                  <div class="mt-8">
+                    <h3 id="mobile-teams-headline" class="px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">
+                      Teams
+                    </h3>
+                    <div class="mt-1 space-y-1" role="group" aria-labelledby="mobile-teams-headline">
+                      <a v-for="team in teams" :key="team.name" :href="team.href" class="group flex items-center px-3 py-2 text-base leading-5 font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50">
+                        <span class="w-2.5 h-2.5 mr-4 rounded-full" :class="[team.bgColorClass]" aria-hidden="true" />
+                        <span class="truncate">
+                          {{ team.name }}
+                        </span>
+                      </a>
+                    </div>
+                  </div>
+                </nav>
+              </div>
+            </DialogPanel>
+          </TransitionChild>
+          <div class="flex-shrink-0 w-14" aria-hidden="true">
+            <!-- Dummy element to force sidebar to shrink to fit close icon -->
+          </div>
+        </div>
+      </Dialog>
+    </TransitionRoot>
+
+    <SidePanel />
+    <!-- Main column -->
+    <div class="lg:pl-64 flex flex-col">
+      <!-- Search header -->
+      <div class="sticky top-0 z-10 flex-shrink-0 flex h-16 bg-white border-b border-gray-200 lg:hidden">
+        <button type="button" class="px-4 border-r border-gray-200 text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-purple-500 lg:hidden" @click="sidebarOpen = true">
+          <span class="sr-only">Open sidebar</span>
+          <MenuAlt1Icon class="h-6 w-6" aria-hidden="true" />
+        </button>
+        <div class="flex-1 flex justify-between px-4 sm:px-6 lg:px-8">
+          <div class="flex-1 flex">
+            <form class="w-full flex md:ml-0" action="#" method="GET">
+              <label for="search-field" class="sr-only">Search</label>
+              <div class="relative w-full text-gray-400 focus-within:text-gray-600">
+                <div class="absolute inset-y-0 left-0 flex items-center pointer-events-none">
+                  <SearchIcon class="h-5 w-5" aria-hidden="true" />
+                </div>
+                <input id="search-field" name="search-field" class="block w-full h-full pl-8 pr-3 py-2 border-transparent text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-0 focus:border-transparent focus:placeholder-gray-400 sm:text-sm" placeholder="Search" type="search">
+              </div>
+            </form>
+          </div>
+          <div class="flex items-center">
+            <!-- Profile dropdown -->
+            <Menu as="div" class="ml-3 relative">
+              <div>
+                <MenuButton class="max-w-xs bg-white flex items-center text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
+                  <span class="sr-only">Open user menu</span>
+                  <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1502685104226-ee32379fefbe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
+                </MenuButton>
+              </div>
+              <transition enter-active-class="transition ease-out duration-100" enter-from-class="transform opacity-0 scale-95" enter-to-class="transform opacity-100 scale-100" leave-active-class="transition ease-in duration-75" leave-from-class="transform opacity-100 scale-100" leave-to-class="transform opacity-0 scale-95">
+                <MenuItems class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-200 focus:outline-none">
+                  <div class="py-1">
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">View profile</a>
+                    </MenuItem>
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Settings</a>
+                    </MenuItem>
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Notifications</a>
+                    </MenuItem>
+                  </div>
+                  <div class="py-1">
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Get desktop app</a>
+                    </MenuItem>
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Support</a>
+                    </MenuItem>
+                  </div>
+                  <div class="py-1">
+                    <MenuItem v-slot="{ active }">
+                      <a href="#" class="block px-4 py-2 text-sm" :class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700']">Logout</a>
+                    </MenuItem>
+                  </div>
+                </MenuItems>
               </transition>
-            </router-view>
-          </MainPanel>
+            </Menu>
+          </div>
         </div>
       </div>
+      <main class="flex-1">
+        <RouterView />
+      </main>
     </div>
-    <TemLoadData :key="route.fullPath" />
   </div>
 </template>
-
-<style>
-html {
-  scroll-behavior: smooth;
-}
-.v-enter-active,
-.v-leave-active {
-  transition: opacity 0.25s ease;
-}
-.v-enter-from,
-.v-leave-to {
-  opacity: 0.3;
-}
-</style>
diff --git a/apps/vue-admin/src/pages/index.vue b/apps/vue-admin/src/pages/index.vue
index a62d08a4..98dfa008 100644
--- a/apps/vue-admin/src/pages/index.vue
+++ b/apps/vue-admin/src/pages/index.vue
@@ -3,428 +3,10 @@ meta:
   auth: guest
 </route>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const router = useRouter()
+onMounted(() => {
+  router.push('/auth/login')
+})
+</script>
 
-<template>
-  <div class="relative bg-gray-50">
-    <div class="relative bg-white shadow">
-      <div class="mx-auto max-w-7xl px-4 sm:px-6">
-        <div
-          class="flex items-center justify-between py-6 md:justify-start md:space-x-10"
-        >
-          <div class="flex justify-start lg:w-0 lg:flex-1">
-            <a href="#">
-              <span class="sr-only">Workflow</span>
-              <img
-                class="h-8 w-auto sm:h-10"
-                src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
-                alt=""
-              >
-            </a>
-          </div>
-          <div class="-my-2 -mr-2 md:hidden">
-            <button
-              type="button"
-              class="inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
-              aria-expanded="false"
-            >
-              <span class="sr-only">Open menu</span>
-              <!-- Heroicon name: outline/menu -->
-              <svg
-                class="h-6 w-6"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M4 6h16M4 12h16M4 18h16"
-                />
-              </svg>
-            </button>
-          </div>
-          <nav class="hidden space-x-10 md:flex">
-            <div class="relative">
-              <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
-              <button
-                type="button"
-                class="group inline-flex items-center rounded-md bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
-                aria-expanded="false"
-              >
-                <span>Solutions</span>
-                <!--
-                Heroicon name: solid/chevron-down
-
-                Item active: "text-gray-600", Item inactive: "text-gray-400"
-              -->
-                <svg
-                  class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
-                  xmlns="http://www.w3.org/2000/svg"
-                  viewBox="0 0 20 20"
-                  fill="currentColor"
-                  aria-hidden="true"
-                >
-                  <path
-                    fill-rule="evenodd"
-                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                    clip-rule="evenodd"
-                  />
-                </svg>
-              </button>
-            </div>
-
-            <a
-              href="#"
-              class="text-base font-medium text-gray-500 hover:text-gray-900"
-            >
-              Pricing
-            </a>
-            <a
-              href="#"
-              class="text-base font-medium text-gray-500 hover:text-gray-900"
-            >
-              Docs
-            </a>
-
-            <div class="relative">
-              <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
-              <button
-                type="button"
-                class="group inline-flex items-center rounded-md bg-white text-base font-medium text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
-                aria-expanded="false"
-              >
-                <span>More</span>
-                <!--
-                Heroicon name: solid/chevron-down
-
-                Item active: "text-gray-600", Item inactive: "text-gray-400"
-              -->
-                <svg
-                  class="ml-2 h-5 w-5 text-gray-400 group-hover:text-gray-500"
-                  xmlns="http://www.w3.org/2000/svg"
-                  viewBox="0 0 20 20"
-                  fill="currentColor"
-                  aria-hidden="true"
-                >
-                  <path
-                    fill-rule="evenodd"
-                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                    clip-rule="evenodd"
-                  />
-                </svg>
-              </button>
-            </div>
-          </nav>
-          <div class="hidden items-center justify-end md:flex md:flex-1 lg:w-0">
-            <router-link
-              to="/auth/login"
-              class="whitespace-nowrap text-base font-medium text-gray-500 hover:text-gray-900"
-            >
-              Sign in
-            </router-link>
-            <router-link
-              to="/auth/signup"
-              class="ml-8 inline-flex items-center justify-center whitespace-nowrap rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700"
-            >
-              Sign up
-            </router-link>
-          </div>
-        </div>
-      </div>
-
-      <!--
-      Mobile menu, show/hide based on mobile menu state.
-
-      Entering: "duration-200 ease-out"
-        From: "opacity-0 scale-95"
-        To: "opacity-100 scale-100"
-      Leaving: "duration-100 ease-in"
-        From: "opacity-100 scale-100"
-        To: "opacity-0 scale-95"
-    -->
-      <div
-        class="absolute inset-x-0 top-0 z-10 origin-top-right transform p-2 transition md:hidden"
-      >
-        <div
-          class="divide-y-2 divide-gray-50 rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5"
-        >
-          <div class="px-5 pt-5 pb-6">
-            <div class="flex items-center justify-between">
-              <div>
-                <img
-                  class="h-8 w-auto"
-                  src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
-                  alt="Workflow"
-                >
-              </div>
-              <div class="-mr-2">
-                <button
-                  type="button"
-                  class="inline-flex items-center justify-center rounded-md bg-white p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
-                >
-                  <span class="sr-only">Close menu</span>
-                  <!-- Heroicon name: outline/x -->
-                  <svg
-                    class="h-6 w-6"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
-                </button>
-              </div>
-            </div>
-            <div class="mt-6">
-              <nav class="grid gap-y-8">
-                <a
-                  href="#"
-                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
-                >
-                  <!-- Heroicon name: outline/chart-bar -->
-                  <svg
-                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-                    />
-                  </svg>
-                  <span class="ml-3 text-base font-medium text-gray-900">
-                    Analytics
-                  </span>
-                </a>
-
-                <a
-                  href="#"
-                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
-                >
-                  <!-- Heroicon name: outline/cursor-click -->
-                  <svg
-                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
-                    />
-                  </svg>
-                  <span class="ml-3 text-base font-medium text-gray-900">
-                    Engagement
-                  </span>
-                </a>
-
-                <a
-                  href="#"
-                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
-                >
-                  <!-- Heroicon name: outline/shield-check -->
-                  <svg
-                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
-                    />
-                  </svg>
-                  <span class="ml-3 text-base font-medium text-gray-900">
-                    Security
-                  </span>
-                </a>
-
-                <a
-                  href="#"
-                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
-                >
-                  <!-- Heroicon name: outline/view-grid -->
-                  <svg
-                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
-                    />
-                  </svg>
-                  <span class="ml-3 text-base font-medium text-gray-900">
-                    Integrations
-                  </span>
-                </a>
-
-                <a
-                  href="#"
-                  class="-m-3 flex items-center rounded-md p-3 hover:bg-gray-50"
-                >
-                  <!-- Heroicon name: outline/refresh -->
-                  <svg
-                    class="h-6 w-6 flex-shrink-0 text-indigo-600"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    aria-hidden="true"
-                  >
-                    <path
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
-                      d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-                    />
-                  </svg>
-                  <span class="ml-3 text-base font-medium text-gray-900">
-                    Automations
-                  </span>
-                </a>
-              </nav>
-            </div>
-          </div>
-          <div class="space-y-6 py-6 px-5">
-            <div class="grid grid-cols-2 gap-y-4 gap-x-8">
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Pricing
-              </a>
-
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Docs
-              </a>
-
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Help Center
-              </a>
-
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Guides
-              </a>
-
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Events
-              </a>
-
-              <a
-                href="#"
-                class="text-base font-medium text-gray-900 hover:text-gray-700"
-              >
-                Security
-              </a>
-            </div>
-            <div>
-              <a
-                href="#"
-                class="flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700"
-              >
-                Sign up
-              </a>
-              <p class="mt-6 text-center text-base font-medium text-gray-500">
-                Existing customer?
-                <a href="#" class="text-indigo-600 hover:text-indigo-500">
-                  Sign in
-                </a>
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <main class="lg:relative">
-      <div
-        class="mx-auto w-full max-w-7xl pt-16 pb-20 text-center lg:py-48 lg:text-left"
-      >
-        <div class="px-4 sm:px-8 lg:w-1/2 xl:pr-16">
-          <h1
-            class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl"
-          >
-            <span class="block xl:inline">Data to enrich your</span>
-            <span class="block text-indigo-600 xl:inline">online business</span>
-          </h1>
-          <p
-            class="mx-auto mt-3 max-w-md text-lg text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl"
-          >
-            Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui
-            lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat
-            fugiat aliqua.
-          </p>
-          <div class="mt-10 sm:flex sm:justify-center lg:justify-start">
-            <div class="rounded-md shadow">
-              <a
-                href="#"
-                class="flex w-full items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 md:py-4 md:px-10 md:text-lg"
-              >
-                Get started
-              </a>
-            </div>
-            <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
-              <a
-                href="#"
-                class="flex w-full items-center justify-center rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-indigo-600 hover:bg-gray-50 md:py-4 md:px-10 md:text-lg"
-              >
-                Live demo
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="relative h-64 w-full sm:h-72 md:h-96 lg:absolute lg:inset-y-0 lg:right-0 lg:h-full lg:w-1/2"
-      >
-        <img
-          class="absolute inset-0 h-full w-full object-cover"
-          src="https://images.unsplash.com/photo-1520333789090-1afc82db536a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80"
-          alt=""
-        >
-      </div>
-    </main>
-  </div>
-</template>
diff --git a/apps/vue-admin/src/stores/useUserStore.ts b/apps/vue-admin/src/stores/useUserStore.ts
index f1a16fd7..238ff853 100644
--- a/apps/vue-admin/src/stores/useUserStore.ts
+++ b/apps/vue-admin/src/stores/useUserStore.ts
@@ -5,7 +5,7 @@ import { apolloClient } from '~/modules/apollo-graphql'
 export const useUserStore = defineStore({
   id: 'userStore',
   state: () => ({
-    user: {} as GetUserInfoQuery['me'],
+    user: {} as GetUserInfoQuery['me'] || null,
     currentUser: null,
     reading: null,
     isOrganization: false,
@@ -16,7 +16,9 @@ export const useUserStore = defineStore({
     timeReading: 0,
     theme: 'light' as typeDark,
   }),
-  getters: {},
+  getters: {
+    gUser: state => state.user,
+  },
   actions: {
     async onInit() {
       await this.getUser()