up

devtools/app/components/ComponentPreview.vue

@@ -88,8 +88,8 @@ const rendererVisible = ref(true)
 const renderer = ref()
 const rendererReady = ref(false)
 function onRendererReady() {
- // rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer')
  rendererReady.value = true
+ setTimeout(() => rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer'), 500)
 }
 
 watch(() => props.component, () => rendererReady.value = false)

package.json

@@ -68,7 +68,7 @@
  "embla-carousel-fade": "^8.3.0",
  "embla-carousel-vue": "^8.3.0",
  "embla-carousel-wheel-gestures": "^8.0.1",
- "fast-equals": "^5.0.1",
+ "fast-deep-equal": "^3.1.3",
  "fuse.js": "^7.0.0",
  "get-port-please": "^3.1.2",
  "ohash": "^1.1.4",

playground/nuxt.config.ts

@@ -5,7 +5,7 @@ const { resolve } = createResolver(import.meta.url)
 export default defineNuxtConfig({
  devtools: { enabled: true },
 
- modules: ['../src/module'],
+ modules: ['../dist/module'],
 
  future: {
  compatibilityVersion: 4

src/runtime/components/InputMenu.vue

@@ -127,7 +127,7 @@ extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3']
 import { computed, ref, toRef, onMounted } from 'vue'
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxSeparator, ComboboxItem, ComboboxItemIndicator, TagsInputRoot, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputInput, useForwardPropsEmits } from 'radix-vue'
 import { defu } from 'defu'
-import { deepEqual as isEqual } from 'fast-equals'
+import isEqual from 'fast-deep-equal'
 import { reactivePick } from '@vueuse/core'
 import { useAppConfig } from '#imports'
 import { useButtonGroup } from '../composables/useButtonGroup'

src/runtime/components/SelectMenu.vue

@@ -117,7 +117,7 @@ extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3']
 import { computed, toRef } from 'vue'
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxSeparator, ComboboxItem, ComboboxItemIndicator, useForwardPropsEmits } from 'radix-vue'
 import { defu } from 'defu'
-import { deepEqual as isEqual } from 'fast-equals'
+import isEqual from 'fast-deep-equal'
 import { reactivePick } from '@vueuse/core'
 import { useAppConfig } from '#imports'
 import { useButtonGroup } from '../composables/useButtonGroup'