From 0784d6e215509cb40add202b61faae7174df31ff Mon Sep 17 00:00:00 2001
From: Alex <alexzhang1030@foxmail.com>
Date: Wed, 1 May 2024 01:22:09 +0800
Subject: [PATCH] fix: use un-deprecate vTooltip

---
 packages/applet/src/components/basic/NodeTag.vue              | 2 +-
 packages/applet/src/components/state/StateFieldEditor.vue     | 2 +-
 .../applet/src/components/state/StateFieldInputEditor.vue     | 2 +-
 packages/applet/src/components/state/StateFieldViewer.vue     | 2 +-
 packages/applet/src/modules/components/index.vue              | 2 +-
 packages/client/src/components/assets/AssetDetails.vue        | 2 +-
 packages/client/src/components/assets/FilepathItem.vue        | 2 +-
 packages/client/src/components/common/SplitScreen.vue         | 2 +-
 .../src/components/inspector/InspectorDataField/Actions.vue   | 2 +-
 .../src/components/inspector/InspectorDataField/EditInput.vue | 2 +-
 .../client/src/components/inspector/InspectorStateField.vue   | 2 +-
 packages/ui/src/index.ts                                      | 4 ++--
 12 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/applet/src/components/basic/NodeTag.vue b/packages/applet/src/components/basic/NodeTag.vue
index ab2c6733..74e1d5ef 100644
--- a/packages/applet/src/components/basic/NodeTag.vue
+++ b/packages/applet/src/components/basic/NodeTag.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { InspectorNodeTag } from '@vue/devtools-kit'
-import { VTooltip as vTooltip } from '@vue/devtools-ui'
+import { vTooltip } from '@vue/devtools-ui'
 import { toHex } from '~/utils'
 
 defineProps<{
diff --git a/packages/applet/src/components/state/StateFieldEditor.vue b/packages/applet/src/components/state/StateFieldEditor.vue
index 1d11da73..ec6c57ed 100644
--- a/packages/applet/src/components/state/StateFieldEditor.vue
+++ b/packages/applet/src/components/state/StateFieldEditor.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, toRaw } from 'vue'
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueDropdown, VueDropdownButton, VueIcon, vTooltip } from '@vue/devtools-ui'
 import { getRaw } from '@vue/devtools-kit'
 import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-kit'
 import type { ButtonProps } from '@vue/devtools-ui/dist/types/src/components/Button'
diff --git a/packages/applet/src/components/state/StateFieldInputEditor.vue b/packages/applet/src/components/state/StateFieldInputEditor.vue
index c666fc22..7f2245b7 100644
--- a/packages/applet/src/components/state/StateFieldInputEditor.vue
+++ b/packages/applet/src/components/state/StateFieldInputEditor.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueIcon, VueInput, vTooltip } from '@vue/devtools-ui'
 import { debounce } from 'perfect-debounce'
 import { customTypeEnums, toSubmit } from '@vue/devtools-kit'
 import { computed, ref, watch, watchEffect } from 'vue'
diff --git a/packages/applet/src/components/state/StateFieldViewer.vue b/packages/applet/src/components/state/StateFieldViewer.vue
index 2ae9caf3..6e4f1be1 100644
--- a/packages/applet/src/components/state/StateFieldViewer.vue
+++ b/packages/applet/src/components/state/StateFieldViewer.vue
@@ -4,7 +4,7 @@ import { formatInspectorStateValue, getInspectorStateValueType, getRaw, toEdit,
 import { computed, ref, watch } from 'vue'
 import { editInspectorState } from '@vue/devtools-core'
 import { isArray, isObject, sortByKey } from '@vue/devtools-shared'
-import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueIcon, vTooltip } from '@vue/devtools-ui'
 import ChildStateViewer from './ChildStateViewer.vue'
 import StateFieldEditor from './StateFieldEditor.vue'
 import StateFieldInputEditor from './StateFieldInputEditor.vue'
diff --git a/packages/applet/src/modules/components/index.vue b/packages/applet/src/modules/components/index.vue
index b52bfa04..0a780021 100644
--- a/packages/applet/src/modules/components/index.vue
+++ b/packages/applet/src/modules/components/index.vue
@@ -14,7 +14,7 @@ import {
 } from '@vue/devtools-core'
 import { parse } from '@vue/devtools-kit'
 import { useElementSize, useToggle, watchDebounced } from '@vueuse/core'
-import { VueInput, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueInput, vTooltip } from '@vue/devtools-ui'
 import { sortByKey } from '@vue/devtools-shared'
 import { flatten, groupBy } from 'lodash-es'
 import ComponentRenderCode from './components/RenderCode.vue'
diff --git a/packages/client/src/components/assets/AssetDetails.vue b/packages/client/src/components/assets/AssetDetails.vue
index 741b424f..e906ca7b 100644
--- a/packages/client/src/components/assets/AssetDetails.vue
+++ b/packages/client/src/components/assets/AssetDetails.vue
@@ -2,7 +2,7 @@
 import { useTimeAgo } from '@vueuse/core'
 import type { AssetImporter, AssetInfo, CodeSnippet, ImageMeta } from '@vue/devtools-core'
 import { callViteServerAction, useDevToolsState } from '@vue/devtools-core'
-import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueIcon, vTooltip } from '@vue/devtools-ui'
 import { openInEditor } from '../../composables/open-in-editor'
 
 const props = defineProps<{
diff --git a/packages/client/src/components/assets/FilepathItem.vue b/packages/client/src/components/assets/FilepathItem.vue
index 0f533562..a2a9d035 100644
--- a/packages/client/src/components/assets/FilepathItem.vue
+++ b/packages/client/src/components/assets/FilepathItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VTooltip as vTooltip } from '@vue/devtools-ui'
+import { vTooltip } from '@vue/devtools-ui'
 
 const props = defineProps<{
   filepath: string
diff --git a/packages/client/src/components/common/SplitScreen.vue b/packages/client/src/components/common/SplitScreen.vue
index 6b753a59..d71efe72 100644
--- a/packages/client/src/components/common/SplitScreen.vue
+++ b/packages/client/src/components/common/SplitScreen.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueCard, VueDropdown, vTooltip } from '@vue/devtools-ui'
 
 function close() {
   devtoolsClientState.value.splitScreen.enabled = false
diff --git a/packages/client/src/components/inspector/InspectorDataField/Actions.vue b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
index 59c9e1ef..be799fd2 100644
--- a/packages/client/src/components/inspector/InspectorDataField/Actions.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { toRaw } from 'vue'
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueDropdown, VueDropdownButton, VueIcon, vTooltip } from '@vue/devtools-ui'
 import { getRaw } from '@vue/devtools-kit'
 import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-kit'
 import type { ButtonProps } from '@vue/devtools-ui/dist/types/src/components/Button'
diff --git a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
index 2f9969ab..1dc5aebd 100644
--- a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueIcon, VueInput, vTooltip } from '@vue/devtools-ui'
 import { debounce } from 'perfect-debounce'
 import { customTypeEnums, toSubmit } from '@vue/devtools-kit'
 
diff --git a/packages/client/src/components/inspector/InspectorStateField.vue b/packages/client/src/components/inspector/InspectorStateField.vue
index 29703534..1ab42e7a 100644
--- a/packages/client/src/components/inspector/InspectorStateField.vue
+++ b/packages/client/src/components/inspector/InspectorStateField.vue
@@ -3,7 +3,7 @@ import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload
 import { isArray, isObject, sortByKey } from '@vue/devtools-shared'
 import { formatInspectorStateValue, getInspectorStateValueType, getRaw, toEdit, toSubmit } from '@vue/devtools-kit'
 import { editInspectorState } from '@vue/devtools-core'
-import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import { VueButton, VueIcon, vTooltip } from '@vue/devtools-ui'
 import Actions from './InspectorDataField/Actions.vue'
 import type { EditorAddNewPropType } from '~/composables/inspector'
 
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 18d9ac9e..aa6a2a41 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -4,12 +4,12 @@
 import '@unocss/reset/tailwind.css'
 import 'uno.css'
 
-import { VTooltip } from 'floating-vue'
+import { vTooltip } from 'floating-vue'
 
 export * from './components'
 export * from './composables'
 export * from './types'
 
 export {
-  VTooltip,
+  vTooltip,
 }