From ff2cb534768346b7714759a6ab44444054625147 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Ollivier?= <clement.o2p@gmail.com>
Date: Fri, 18 Mar 2022 11:59:02 +0100
Subject: [PATCH] docs(examples): replace nlink by nuxtlink (#3772)

---
 examples/use-cookie/app.vue      | 9 +++------
 examples/use-meta/app.vue        | 4 ++--
 examples/use-state/app.vue       | 4 ++--
 examples/with-components/app.vue | 4 ++--
 4 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/examples/use-cookie/app.vue b/examples/use-cookie/app.vue
index b822b460a3..6573306279 100644
--- a/examples/use-cookie/app.vue
+++ b/examples/use-cookie/app.vue
@@ -3,22 +3,19 @@ const user = useCookie<{ name: string }>('user')
 const logins = useCookie<number>('logins')
 
 const name = ref('')
-const interacted = ref(false)
 
 const login = () => {
   logins.value = (logins.value || 0) + 1
   user.value = { name: name.value }
-  interacted.value = true
 }
 
 const logout = () => {
   user.value = null
-  interacted.value = true
 }
 </script>
 
 <template>
-  <NuxtExampleLayout :show-tips="interacted" class="h-50" example="use-cookie">
+  <NuxtExampleLayout show-tips="true" class="h-50" example="use-cookie">
     <template v-if="user">
       <h1 class="text-3xl mb-3">
         Welcome, {{ user.name }}! 👋
@@ -49,9 +46,9 @@ const logout = () => {
     <template #tips>
       <div>
         This demo showcases using the
-        <NLink href="https://v3.nuxtjs.org/docs/usage/cookies" target="_blank">
+        <NuxtLink to="https://v3.nuxtjs.org/docs/usage/cookies" target="_blank">
           useCookie
-        </NLink>
+        </NuxtLink>
         API to persist small amounts of data that can be used both client-side and server-side.
       </div>
     </template>
diff --git a/examples/use-meta/app.vue b/examples/use-meta/app.vue
index b176e86b4e..010f75dfe2 100644
--- a/examples/use-meta/app.vue
+++ b/examples/use-meta/app.vue
@@ -24,9 +24,9 @@
     <template #tips>
       <div class="flex-auto">
         Learn more about
-        <NLink href="https://v3.nuxtjs.org/docs/usage/meta-tags" target="_blank">
+        <NuxtLink to="https://v3.nuxtjs.org/docs/usage/meta-tags" target="_blank">
           Meta tags
-        </NLink>.
+        </NuxtLink>.
         Open in editor to see the source code 👉
       </div>
     </template>
diff --git a/examples/use-state/app.vue b/examples/use-state/app.vue
index 58f0efff1d..b0c08e0373 100644
--- a/examples/use-state/app.vue
+++ b/examples/use-state/app.vue
@@ -16,9 +16,9 @@ const counter = useState('counter', () => Math.round(Math.random() * 1000))
 
     <template #tips>
       <div>
-        <NLink href="https://v3.nuxtjs.org/docs/usage/state" target="_blank">
+        <NuxtLink to="https://v3.nuxtjs.org/docs/usage/state" target="_blank">
           useState
-        </NLink>
+        </NuxtLink>
         is an SSR-friendly ref replacement.
         Its value will be preserved after server-side rendering
         and shared across all components using a unique key.
diff --git a/examples/with-components/app.vue b/examples/with-components/app.vue
index b11c5db39c..a9e9200e7f 100644
--- a/examples/with-components/app.vue
+++ b/examples/with-components/app.vue
@@ -14,9 +14,9 @@
       <div>
         Components under <code>components/</code> folder are auto imported and can be directly used in your templates.
         Read more about
-        <NLink href="https://v3.nuxtjs.org/docs/directory-structure/components" target="_blank">
+        <NuxtLink to="https://v3.nuxtjs.org/docs/directory-structure/components" target="_blank">
           the components directory.
-        </NLink>
+        </NuxtLink>
       </div>
     </template>
   </NuxtExampleLayout>