fix ssr on tabs

This commit is contained in:
Face 2025-06-28 23:17:53 +03:00
parent 60d124a6bf
commit 093196d1bc
4 changed files with 81 additions and 31 deletions

View file

@ -1,17 +1,28 @@
<script lang="ts">
import { Tabs as TabsPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
import { browser } from "$app/environment";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: TabsPrimitive.ContentProps = $props();
</script>
<TabsPrimitive.Content
bind:ref
data-slot="tabs-content"
class={cn("flex-1 outline-none", className)}
{...restProps}
/>
{#if browser}
<TabsPrimitive.Content
bind:ref
data-slot="tabs-content"
class={cn("flex-1 outline-none", className)}
{...restProps}
/>
{:else}
<div
data-slot="tabs-content"
class={cn("flex-1 outline-none", className)}
>
{@render children?.()}
</div>
{/if}