Nuxt · NUXT0065
Use VueUse observer composables
Finds VueUse project code that should use the supported use observers pattern instead.
Run this rule
pnpm nuxt doctor --rules vueuse/prefer-use-observers
Why it matters
Effects that outlive their component create leaks and stale updates. Register cleanup where Vue or VueUse can dispose it automatically.
Recommended fix
Use the VueUse-supported use observers pattern instead.
Useful links
Example
Use VueUse observers
Before
<script setup lang="ts">
onMounted(() => {
const observer = new ResizeObserver(onResize)
observer.observe(panel.value!)
})
</script>
After
<script setup lang="ts">
useResizeObserver(panel, onResize)
</script>