From 24810217c3e0342737d4a2888555deadf409f167 Mon Sep 17 00:00:00 2001 From: Yongtae Park Date: Tue, 29 Apr 2025 21:19:49 +0900 Subject: [PATCH 1/2] feat(vue-query-devtools): install custom vue-query devtools sdk Signed-off-by: samuel.park --- apps/web/package.json | 1 + apps/web/src/App.vue | 5 ++--- package-lock.json | 19 +++++++++++++++++++ 3 files changed, 22 insertions(+), 3 deletions(-) diff --git a/apps/web/package.json b/apps/web/package.json index 8b3c297869..91505cc8ee 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -105,6 +105,7 @@ "@vitest/coverage-c8": "^0.24.3", "@vue/test-utils": "^1.3.3", "axios-mock-adapter": "^1.17.0", + "console-vue-query-devtools-sdk": "^0.0.6", "dotenv": "^16.0.3", "eslint-config-custom": "*", "jsdom": "^20.0.1", diff --git a/apps/web/src/App.vue b/apps/web/src/App.vue index 9402e35ede..37a8ac669e 100755 --- a/apps/web/src/App.vue +++ b/apps/web/src/App.vue @@ -7,6 +7,7 @@ import type { Location } from 'vue-router'; import { useRoute, useRouter } from 'vue-router/composables'; import { useQueryClient } from '@tanstack/vue-query'; +import { ConsoleVueQueryDevtools } from 'console-vue-query-devtools-sdk'; import { LocalStorageAccessor } from '@cloudforet/core-lib/local-storage-accessor'; import { @@ -40,8 +41,6 @@ import MobileGuideModal from '@/services/auth/components/MobileGuideModal.vue'; import { AUTH_ROUTE } from '@/services/auth/routes/route-constant'; import { LANDING_ROUTE } from '@/services/landing/routes/route-constant'; - - if (import.meta.env.DEV) { const queryClient = useQueryClient(); import('@/_dev-tools/vue-query-console-debug').then((mod) => mod.initVueQueryConsoleDebug(queryClient)) @@ -51,7 +50,6 @@ if (import.meta.env.DEV) { }); } - const router = useRouter(); const route = useRoute(); @@ -120,6 +118,7 @@ watch(() => state.userId, (userId) => {
+