From ded64d10fa4cceb4ddb03c7f8bfcdc34a9ab2abc Mon Sep 17 00:00:00 2001
From: Paranoid <516310460@qq.com>
Date: Thu, 30 Jun 2022 14:05:05 +0800
Subject: [PATCH 1/5] Add plugins directive example

Examples help people use directive
---
 .../2.guide/3.directory-structure/11.plugins.md   | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/docs/content/2.guide/3.directory-structure/11.plugins.md b/docs/content/2.guide/3.directory-structure/11.plugins.md
index 9ad1a449c81..2dcafa89e7c 100644
--- a/docs/content/2.guide/3.directory-structure/11.plugins.md
+++ b/docs/content/2.guide/3.directory-structure/11.plugins.md
@@ -122,4 +122,19 @@ export default defineNuxtPlugin((nuxtApp) => {
 })
 ```
 
+### Use directive
+
+Then create a plugin file `plugins/directive.js`.
+
+```ts
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.directive('focus', {
+        mounted(el) {
+            el.focus()
+        }
+    })
+})
+```
+
+
 :LinkExample{link="/examples/app/plugins"}

From b3e45daedab2fc29b5de9e3907769bd991039e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtjs.com>
Date: Thu, 30 Jun 2022 14:54:18 +0200
Subject: [PATCH 2/5] Update 11.plugins.md

---
 .../2.guide/3.directory-structure/11.plugins.md      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/content/2.guide/3.directory-structure/11.plugins.md b/docs/content/2.guide/3.directory-structure/11.plugins.md
index 2dcafa89e7c..abaa65f772c 100644
--- a/docs/content/2.guide/3.directory-structure/11.plugins.md
+++ b/docs/content/2.guide/3.directory-structure/11.plugins.md
@@ -124,15 +124,15 @@ export default defineNuxtPlugin((nuxtApp) => {
 
 ### Use directive
 
-Then create a plugin file `plugins/directive.js`.
+Then create a plugin file `plugins/directive.ts`.
 
 ```ts
 export default defineNuxtPlugin((nuxtApp) => {
-    nuxtApp.vueApp.directive('focus', {
-        mounted(el) {
-            el.focus()
-        }
-    })
+  nuxtApp.vueApp.directive('focus', {
+    mounted (el) {
+      el.focus()
+    }
+  })
 })
 ```
 

From 22bb2ea2d2d9f641a3d47c967a56ff528a4457e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtjs.com>
Date: Thu, 30 Jun 2022 14:54:40 +0200
Subject: [PATCH 3/5] Update
 docs/content/2.guide/3.directory-structure/11.plugins.md

---
 docs/content/2.guide/3.directory-structure/11.plugins.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/2.guide/3.directory-structure/11.plugins.md b/docs/content/2.guide/3.directory-structure/11.plugins.md
index abaa65f772c..4c2fb368e68 100644
--- a/docs/content/2.guide/3.directory-structure/11.plugins.md
+++ b/docs/content/2.guide/3.directory-structure/11.plugins.md
@@ -122,7 +122,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 })
 ```
 
-### Use directive
+### Vue directive
 
 Then create a plugin file `plugins/directive.ts`.
 

From 06dc6f7db91b33a214ac6c65bb4179a524ff85a9 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 30 Jun 2022 14:20:56 +0100
Subject: [PATCH 4/5] docs: suggestions

---
 docs/content/2.guide/3.directory-structure/11.plugins.md | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/content/2.guide/3.directory-structure/11.plugins.md b/docs/content/2.guide/3.directory-structure/11.plugins.md
index 4c2fb368e68..7ac6dc4f2ec 100644
--- a/docs/content/2.guide/3.directory-structure/11.plugins.md
+++ b/docs/content/2.guide/3.directory-structure/11.plugins.md
@@ -124,17 +124,22 @@ export default defineNuxtPlugin((nuxtApp) => {
 
 ### Vue directive
 
-Then create a plugin file `plugins/directive.ts`.
+Similarly, you can register a custom Vue directive in a plugin. For example, in `plugins/directive.ts`:
 
 ```ts
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.directive('focus', {
     mounted (el) {
       el.focus()
+    },
+    getSSRProps (binding, vnode) {
+      // you can provide SSR-specific props here
+      return {}
     }
   })
 })
 ```
 
+:ReadMore{link="https://vuejs.org/guide/reusability/custom-directives.html"}
 
 :LinkExample{link="/examples/app/plugins"}

From c587db13fadfb984e5956446c7c027ffabfc0d67 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Fri, 1 Jul 2022 11:00:39 +0100
Subject: [PATCH 5/5] docs: fix heading level

---
 docs/content/2.guide/3.directory-structure/11.plugins.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/2.guide/3.directory-structure/11.plugins.md b/docs/content/2.guide/3.directory-structure/11.plugins.md
index 7ac6dc4f2ec..21fa98cca4c 100644
--- a/docs/content/2.guide/3.directory-structure/11.plugins.md
+++ b/docs/content/2.guide/3.directory-structure/11.plugins.md
@@ -122,7 +122,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 })
 ```
 
-### Vue directive
+## Vue directives
 
 Similarly, you can register a custom Vue directive in a plugin. For example, in `plugins/directive.ts`: