zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(site): remove unnecessary hydration workarounds

Browse Source
This commit is contained in:
Darius Cepulis
2025-10-30 00:39:39 -05:00
parent 8f2a2c100b
commit 476fabf7aa
9 changed files with 45 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/content/docs/concepts/architecture.mdx
+1 -1
View File
@@ -92,7 +92,7 @@ function Player() {
```
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ html: 'HTML', javascript: 'JavaScript' }}
site/src/content/docs/how-to/customize-skins.mdx
+4 -4
View File
@@ -25,7 +25,7 @@ While eventually we'll have a CLI that'll eject skins in your preferred framewor
## Frosted Skin
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="Frosted React implementation"
@@ -42,7 +42,7 @@ While eventually we'll have a CLI that'll eject skins in your preferred framewor
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="Frosted HTML implementation"
@@ -64,7 +64,7 @@ While eventually we'll have a CLI that'll eject skins in your preferred framewor
## Minimal Skin
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="Minimal React implementation"
@@ -81,7 +81,7 @@ While eventually we'll have a CLI that'll eject skins in your preferred framewor
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="Minimal HTML implementation"
site/src/content/docs/reference/fullscreen-button.mdx
+2 -2
View File
@@ -24,7 +24,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
## Example
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="React implementation"
titles={{ component: 'Component', css: 'CSS Module' }}
@@ -42,7 +42,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
</TabsRoot>
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ html: 'HTML', css: 'CSS', javascript: 'JS' }}
site/src/content/docs/reference/mute-button.mdx
+4 -4
View File
@@ -24,7 +24,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
## Example
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="React implementation"
titles={{ component: 'Component', css: 'CSS Module' }}
@@ -37,12 +37,12 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
<TabsPanel value="css" client:load>
<ServerCode code={cssModuleStr} lang="css" />
</TabsPanel>
<MuteButtonDemo client:load />
</TabsRoot>
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ html: 'HTML', css: 'CSS', javascript: 'JS' }}
@@ -60,7 +60,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
<ServerCode code={htmlJsStr} lang="js" />
</TabsPanel>
<MuteButtonDemo client:load />
<MuteButtonDemo client:load />
</TabsRoot>
</FrameworkCase>
site/src/content/docs/reference/play-button.mdx
+2 -2
View File
@@ -24,7 +24,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
## Example
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="React implementation"
titles={{ component: 'Component', css: 'CSS Module' }}
@@ -42,7 +42,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
</TabsRoot>
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ html: 'HTML', css: 'CSS', javascript: 'JS' }}
site/src/content/docs/reference/time-slider.mdx
+2 -2
View File
@@ -25,7 +25,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
## Example
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="React implementation"
titles={{ component: 'Component', css: 'CSS Module' }}
@@ -43,7 +43,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
</TabsRoot>
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ 'html-horizontal': 'HTML (Horizontal)', 'html-vertical': 'HTML (Vertical)', css: 'CSS' }}
site/src/content/docs/reference/volume-slider.mdx
+2 -2
View File
@@ -25,7 +25,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
## Example
<FrameworkCase frameworks={["react"]}>
<FrameworkCase frameworks={["react"]} withHydrationWorkaround>
<TabsRoot
aria-label="React implementation"
titles={{ component: 'Component', css: 'CSS Module' }}
@@ -43,7 +43,7 @@ import { TabsRoot, TabsPanel } from '@/components/Tabs';
</TabsRoot>
</FrameworkCase>
<FrameworkCase frameworks={["html"]}>
<FrameworkCase frameworks={["html"]} withHydrationWorkaround>
<TabsRoot
aria-label="HTML implementation"
titles={{ 'html-horizontal': 'HTML (Horizontal)', 'html-vertical': 'HTML (Vertical)', css: 'CSS' }}