Uncaught (in promise) ReferenceError: ref is not defined - ui-edge

[CareTiger]

Note able to use the Tabs functionality.

Version

Nuxt project info:                                                                                                                                                 8:51:02 PM

------------------------------
- Operating System: Windows_NT
- Node Version:     v18.16.1
- Nuxt Version:     3.6.5
- Nitro Version:    2.5.2
- Package Manager:  npm@9.8.0
- Builder:          vite
- User Config:      extends, devtools, vite, nitro, routeRules, site, webVitals, typescript, colorMode, app, modules, image, googleFonts, runtimeConfig, linkChecker
- Runtime Modules:  @nuxt/devtools@0.7.1, @nuxtjs/supabase@0.3.8, @nuxtjs/google-fonts@3.0.2, @nuxthq/ui@2.6.0-28174590.2cd6208, @pinia/nuxt@0.4.11, @pinia-plugin-persistedstate/nuxt@1.1.1, @nuxtjs/web-vitals@0.2.6, @nuxtjs/fontaine@0.4.1, @nuxt/content@2.7.2, @storyblok/nuxt@5.5.2, nuxt-link-checker@1.0.5, @nuxt/image@1.0.0-rc.1
- Build Modules:    -
------------------------------

Steps to reproduce

<script setup>
const items = [
    {
        label: "Tab1",
        content: "This is the content shown for Tab1",
    },
    {
        label: "Tab2",
        disabled: true,
        content: "And, this is the content for Tab2",
    },
    {
        label: "Tab3",
        content: "Finally, this is the content for Tab3",
    },
];
</script>

<template>
    <UTabs :items="items" />
</template>

What is Expected?

page should load without error

What is actually happening?

404 error

[benjamincanac]

Thanks for noticing! It should be fixed in latest edge.