UTabs hydration error when set v-model in ssr

[miladmeidanshahi]

Environment

• Operating System: Linux
• Node Version: v22.21.0
• Nuxt Version: 4.2.1
• CLI Version: 3.30.0
• Nitro Version: 2.12.9
• Package Manager: bun@1.3.3
• Builder: -
• User Config: modules, $production, ssr, devtools, app, css, site, ui, runtimeConfig, compatibilityDate, routeRules, nitro, hub, vite, eslint, image, linkChecker, ogImage, robots, schemaOrg, scripts, seo
• Runtime Modules: @nuxt/eslint@1.10.0, @nuxt/image@2.0.0, @nuxt/scripts@0.13.0, @nuxt/ui@4.2.0, @vueuse/nuxt@14.0.0, @nuxtjs/seo@3.2.2, @nuxthub/core@0.9.0, @nuxt/hints@1.0.0-alpha.2
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.2.1

Reproduction

Sorry can't reproduction

Description

When set v-model or defaultValue on SSR we got Hydration error

        <div data-slot="list" class="relative p-1 group rounded-lg w-full bg-transparent flex-nowrap hidden lg:flex" tabindex="-1" data-orientation="horizontal" dir="rtl" style="outline:none;" role="tablist" aria-orientation="horizontal">
          <!--[-->
          <!--v-if-->
          <div data-slot="indicator" class="absolute transition-[translate,width] duration-200 rounded-md shadow-xs left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) inset-y-1 bg-white/20" style="--reka-tabs-indicator-size: 348px; --reka-tabs-indicator-position: 1415px;">
          </div>
...

Additional context

No response

Logs