From 2644d7e1702a383a590242ae7ab0d5a3b8bfc774 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Fri, 21 Oct 2022 21:19:40 +0200
Subject: [PATCH 1/2] docs(api): add `<ClientOnly>`

---
 .../3.api/2.components/8.client-only.md       | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 docs/content/3.api/2.components/8.client-only.md

diff --git a/docs/content/3.api/2.components/8.client-only.md b/docs/content/3.api/2.components/8.client-only.md
new file mode 100644
index 00000000000..8c1efe58737
--- /dev/null
+++ b/docs/content/3.api/2.components/8.client-only.md
@@ -0,0 +1,41 @@
+---
+description: The <ClientOnly> component renders its slot only in client-side.
+---
+# `<ClientOnly>`
+
+The `<ClientOnly>` component renders its slot only in client-side. To import a component only on the client, register the component in a client-side only plugin.
+
+## Props
+
+- **placeholderTag** | **fallbackTag**: specify a tag to be rendered server-side.
+- **placeholder** | **fallback**: specify a content to be rendered server-side.
+
+```vue
+<template>
+  <div>
+    <Sidebar />
+    <ClientOnly fallback-tag="span" fallback="Loading comments...">
+      <Comment />
+    </ClientOnly>
+  </div>
+</template>
+```
+
+## Slots
+
+- **#fallback**: specify a content to be displayed server-side.
+
+```vue
+<template>
+  <div>
+    <Sidebar />
+    <ClientOnly>
+      <!-- ... -->
+      <template #fallback>
+        <!-- this will be rendered on server side -->
+        <p>Loading comments...</p>
+      </template>
+    </ClientOnly>
+  </div>
+</template>
+```

From ea2b2587c6444f86bc7ba3efb3d9565a882b22f0 Mon Sep 17 00:00:00 2001
From: julien huang <julien.huang@outlook.fr>
Date: Sat, 22 Oct 2022 00:17:43 +0200
Subject: [PATCH 2/2] docs(api): correct file order

---
 .../3.api/2.components/{8.client-only.md => 1.client-only.md}     | 0
 .../content/3.api/2.components/{1.nuxt-page.md => 2.nuxt-page.md} | 0
 .../3.api/2.components/{2.nuxt-layout.md => 3.nuxt-layout.md}     | 0
 .../{4.nuxt-loading-indicator.md => 5.nuxt-loading-indicator.md}  | 0
 .../{5.nuxt-error-boundary.md => 6.nuxt-error-boundary.md}        | 0
 .../3.api/2.components/{6.nuxt-welcome.md => 7.nuxt-welcome.md}   | 0
 .../content/3.api/2.components/{7.teleports.md => 8.teleports.md} | 0
 7 files changed, 0 insertions(+), 0 deletions(-)
 rename docs/content/3.api/2.components/{8.client-only.md => 1.client-only.md} (100%)
 rename docs/content/3.api/2.components/{1.nuxt-page.md => 2.nuxt-page.md} (100%)
 rename docs/content/3.api/2.components/{2.nuxt-layout.md => 3.nuxt-layout.md} (100%)
 rename docs/content/3.api/2.components/{4.nuxt-loading-indicator.md => 5.nuxt-loading-indicator.md} (100%)
 rename docs/content/3.api/2.components/{5.nuxt-error-boundary.md => 6.nuxt-error-boundary.md} (100%)
 rename docs/content/3.api/2.components/{6.nuxt-welcome.md => 7.nuxt-welcome.md} (100%)
 rename docs/content/3.api/2.components/{7.teleports.md => 8.teleports.md} (100%)

diff --git a/docs/content/3.api/2.components/8.client-only.md b/docs/content/3.api/2.components/1.client-only.md
similarity index 100%
rename from docs/content/3.api/2.components/8.client-only.md
rename to docs/content/3.api/2.components/1.client-only.md
diff --git a/docs/content/3.api/2.components/1.nuxt-page.md b/docs/content/3.api/2.components/2.nuxt-page.md
similarity index 100%
rename from docs/content/3.api/2.components/1.nuxt-page.md
rename to docs/content/3.api/2.components/2.nuxt-page.md
diff --git a/docs/content/3.api/2.components/2.nuxt-layout.md b/docs/content/3.api/2.components/3.nuxt-layout.md
similarity index 100%
rename from docs/content/3.api/2.components/2.nuxt-layout.md
rename to docs/content/3.api/2.components/3.nuxt-layout.md
diff --git a/docs/content/3.api/2.components/4.nuxt-loading-indicator.md b/docs/content/3.api/2.components/5.nuxt-loading-indicator.md
similarity index 100%
rename from docs/content/3.api/2.components/4.nuxt-loading-indicator.md
rename to docs/content/3.api/2.components/5.nuxt-loading-indicator.md
diff --git a/docs/content/3.api/2.components/5.nuxt-error-boundary.md b/docs/content/3.api/2.components/6.nuxt-error-boundary.md
similarity index 100%
rename from docs/content/3.api/2.components/5.nuxt-error-boundary.md
rename to docs/content/3.api/2.components/6.nuxt-error-boundary.md
diff --git a/docs/content/3.api/2.components/6.nuxt-welcome.md b/docs/content/3.api/2.components/7.nuxt-welcome.md
similarity index 100%
rename from docs/content/3.api/2.components/6.nuxt-welcome.md
rename to docs/content/3.api/2.components/7.nuxt-welcome.md
diff --git a/docs/content/3.api/2.components/7.teleports.md b/docs/content/3.api/2.components/8.teleports.md
similarity index 100%
rename from docs/content/3.api/2.components/7.teleports.md
rename to docs/content/3.api/2.components/8.teleports.md