From 38158cf261f249d0c9033c24385608c5e2abfe72 Mon Sep 17 00:00:00 2001
From: Mitsuki Fukunaga <mtskf@users.noreply.github.com>
Date: Fri, 22 Jul 2022 17:55:54 +1000
Subject: [PATCH] docs: add explicit `createError` import (#6050)

Co-authored-by: Pooya Parsa <pooya@pi0.io>
---
 docs/components/atoms/StabilityEdge.vue             | 6 ++++--
 docs/content/2.guide/2.features/7.error-handling.md | 8 ++++++++
 docs/content/3.api/3.utils/create-error.md          | 4 ++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/docs/components/atoms/StabilityEdge.vue b/docs/components/atoms/StabilityEdge.vue
index 2dc692fd24..7b22cd8d38 100644
--- a/docs/components/atoms/StabilityEdge.vue
+++ b/docs/components/atoms/StabilityEdge.vue
@@ -1,8 +1,10 @@
 <template>
   <Alert icon="🧪">
-    {{ title }} is available on edge channel. Check out the <Link to="/guide/going-further/edge-channel">
-      Edge Channel Documentation
+    {{ title }} is available on edge channel. Check out the
+    <Link to="/guide/going-further/edge-channel">
+    Edge Channel Documentation
     </Link> to beta test.
+    <slot />
   </Alert>
 </template>
 
diff --git a/docs/content/2.guide/2.features/7.error-handling.md b/docs/content/2.guide/2.features/7.error-handling.md
index c514237ffd..144b663d63 100644
--- a/docs/content/2.guide/2.features/7.error-handling.md
+++ b/docs/content/2.guide/2.features/7.error-handling.md
@@ -93,6 +93,10 @@ If you throw an error created with `createError`:
 
 ### Example
 
+::StabilityEdge{title="Auto import of createError"}
+In the current version, add `import { createError } from 'h3'` in order to use `createError`.
+::
+
 ```vue [pages/movies/[slug].vue]
 <script setup>
 const route = useRoute()
@@ -105,6 +109,10 @@ if (!data.value) {
 
 ### `showError`
 
+::StabilityEdge{title="showError"}
+In the current version, use `throwError` or `throw createError` instead.
+::
+
 * `function showError (err: string | Error | { statusCode, statusMessage }): Error`
 
 You can call this function at any point on client-side, or (on server side) directly within middleware, plugins or `setup()` functions. It will trigger a full-screen error page which you can clear with `clearError`.
diff --git a/docs/content/3.api/3.utils/create-error.md b/docs/content/3.api/3.utils/create-error.md
index 480b1bf7fc..60afe920e9 100644
--- a/docs/content/3.api/3.utils/create-error.md
+++ b/docs/content/3.api/3.utils/create-error.md
@@ -15,6 +15,10 @@ If you throw an error created with `createError`:
 
 ### Example
 
+::StabilityEdge{title="Auto import of createError"}
+In the current version, add `import { createError } from 'h3'` in order to use `createError`.
+::
+
 ```vue [pages/movies/[slug].vue]
 <script setup>
 const route = useRoute()