From 5492b0638f61c53fe39ed74fbc248bfd4a959f21 Mon Sep 17 00:00:00 2001 From: Daniel Roe Date: Mon, 14 Aug 2023 22:28:55 +0100 Subject: [PATCH] docs: warn directives must be registered on both server/client (#22627) --- docs/2.guide/2.directory-structure/1.plugins.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/2.guide/2.directory-structure/1.plugins.md b/docs/2.guide/2.directory-structure/1.plugins.md index 62ac4a043d9c..5951c0631fdd 100644 --- a/docs/2.guide/2.directory-structure/1.plugins.md +++ b/docs/2.guide/2.directory-structure/1.plugins.md @@ -223,4 +223,8 @@ export default defineNuxtPlugin((nuxtApp) => { }) ``` +::alert{type=warning} +If you register a Vue directive, you _must_ register it on both client and server side unless you are only using it when rendering one side. If the directive only makes sense from a client side, you can always move it to `~/plugins/my-directive.client.ts` and provide a 'stub' directive for the server in `~/plugins/my-directive.server.ts`. +:: + :ReadMore{link="https://vuejs.org/guide/reusability/custom-directives.html"}