diff --git a/doc/accordion/StyleDoc.vue b/doc/accordion/StyleDoc.vue
index 0f85152ef..cbe3be883 100644
--- a/doc/accordion/StyleDoc.vue
+++ b/doc/accordion/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/button/StyleDoc.vue b/doc/button/StyleDoc.vue
index 0b352c1bd..739b2d89f 100644
--- a/doc/button/StyleDoc.vue
+++ b/doc/button/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/card/StyleDoc.vue b/doc/card/StyleDoc.vue
index 68f16d4c4..ef6477fef 100644
--- a/doc/card/StyleDoc.vue
+++ b/doc/card/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/cascadeselect/StyleDoc.vue b/doc/cascadeselect/StyleDoc.vue
index 706bfde24..fac410c6c 100644
--- a/doc/cascadeselect/StyleDoc.vue
+++ b/doc/cascadeselect/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/chart/StyleDoc.vue b/doc/chart/StyleDoc.vue
index 26a251f7d..219ce3d68 100644
--- a/doc/chart/StyleDoc.vue
+++ b/doc/chart/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/confirmpopup/StyleDoc.vue b/doc/confirmpopup/StyleDoc.vue
index 5b6e41dc5..09ea59259 100644
--- a/doc/confirmpopup/StyleDoc.vue
+++ b/doc/confirmpopup/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/divider/StyleDoc.vue b/doc/divider/StyleDoc.vue
index 10ccee148..98e7bb8f7 100644
--- a/doc/divider/StyleDoc.vue
+++ b/doc/divider/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/fieldset/StyleDoc.vue b/doc/fieldset/StyleDoc.vue
index 17cac50da..1c7040737 100644
--- a/doc/fieldset/StyleDoc.vue
+++ b/doc/fieldset/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
         <div class="doc-tablewrapper">
             <table class="doc-table">
                 <thead>
diff --git a/doc/fileupload/StyleDoc.vue b/doc/fileupload/StyleDoc.vue
index 2bb77743d..e122ff3f3 100644
--- a/doc/fileupload/StyleDoc.vue
+++ b/doc/fileupload/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/inlinemessage/AccessibilityDoc.vue b/doc/inlinemessage/AccessibilityDoc.vue
index c1f2028d8..9c5d648cb 100644
--- a/doc/inlinemessage/AccessibilityDoc.vue
+++ b/doc/inlinemessage/AccessibilityDoc.vue
@@ -7,7 +7,7 @@
         </p>
 
         <p>
-            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
+            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
             override the default <i>aria-label</i>.
         </p>
 
diff --git a/doc/inlinemessage/StyleDoc.vue b/doc/inlinemessage/StyleDoc.vue
index 5b821b7d3..cd9869cfa 100644
--- a/doc/inlinemessage/StyleDoc.vue
+++ b/doc/inlinemessage/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/inputswitch/StyleDoc.vue b/doc/inputswitch/StyleDoc.vue
index d02944991..916a48a61 100644
--- a/doc/inputswitch/StyleDoc.vue
+++ b/doc/inputswitch/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/knob/StyleDoc.vue b/doc/knob/StyleDoc.vue
index 85c5617a8..ad39aa03d 100644
--- a/doc/knob/StyleDoc.vue
+++ b/doc/knob/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/message/AccessibilityDoc.vue b/doc/message/AccessibilityDoc.vue
index c1f2028d8..9c5d648cb 100644
--- a/doc/message/AccessibilityDoc.vue
+++ b/doc/message/AccessibilityDoc.vue
@@ -7,7 +7,7 @@
         </p>
 
         <p>
-            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
+            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
             override the default <i>aria-label</i>.
         </p>
 
diff --git a/doc/message/StyleDoc.vue b/doc/message/StyleDoc.vue
index 64694808e..753f14b09 100644
--- a/doc/message/StyleDoc.vue
+++ b/doc/message/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/orderlist/AccessibilityDoc.vue b/doc/orderlist/AccessibilityDoc.vue
index 96ae40094..178b8eca7 100644
--- a/doc/orderlist/AccessibilityDoc.vue
+++ b/doc/orderlist/AccessibilityDoc.vue
@@ -7,7 +7,7 @@
         </p>
         <p>
             Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i> and <i>aria.moveBottom</i> properties of the
-            <nuxt-link to="/locale">locale</nuxt-link> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i> and <i>moveBottomButtonProps</i> to customize the buttons like overriding
+            <NuxtLink to="/locale">locale</NuxtLink> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i> and <i>moveBottomButtonProps</i> to customize the buttons like overriding
             the default <i>aria-label</i> attributes.
         </p>
 
diff --git a/doc/orderlist/StyleDoc.vue b/doc/orderlist/StyleDoc.vue
index 63cbb7361..d1824d0ce 100644
--- a/doc/orderlist/StyleDoc.vue
+++ b/doc/orderlist/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/paginator/AccessibilityDoc.vue b/doc/paginator/AccessibilityDoc.vue
index 52d3924f5..cb6fd7a07 100644
--- a/doc/paginator/AccessibilityDoc.vue
+++ b/doc/paginator/AccessibilityDoc.vue
@@ -5,23 +5,21 @@
 
         <p>
             First, previous, next and last page navigators elements with <i>aria-label</i> attributes referring to the <i>aria.firstPageLabel</i>, <i>aria.prevPageLabel</i>, <i>aria.nextPageLabel</i> and <i>aria.lastPageLabel</i> properties of the
-            <nuxt-link to="/locale">locale</nuxt-link> API respectively.
+            <NuxtLink to="/locale">locale</NuxtLink> API respectively.
         </p>
 
-        <p>
-            Page links are also button elements with an <i>aria-label</i> attribute derived from the <i>aria.pageLabel</i> of the <nuxt-link to="/locale">locale</nuxt-link> API. Current page is marked with <i>aria-current</i> set to "page" as well.
-        </p>
+        <p>Page links are also button elements with an <i>aria-label</i> attribute derived from the <i>aria.pageLabel</i> of the <NuxtLink to="/locale">locale</NuxtLink> API. Current page is marked with <i>aria-current</i> set to "page" as well.</p>
 
         <p>Current page report uses <i>aria-live="polite"</i> to instruct screen reader about the changes to the pagination state.</p>
 
         <p>
-            Rows per page dropdown internally uses a dropdown component, refer to the <nuxt-link to="/dropdown">dropdown</nuxt-link> documentation for accessibility details. Additionally, the dropdown uses an <i>aria-label</i> from the
-            <i>aria.rowsPerPageLabel</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API.
+            Rows per page dropdown internally uses a dropdown component, refer to the <NuxtLink to="/dropdown">dropdown</NuxtLink> documentation for accessibility details. Additionally, the dropdown uses an <i>aria-label</i> from the
+            <i>aria.rowsPerPageLabel</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API.
         </p>
 
         <p>
             Jump to page input is an <i>input</i> element with an <i>aria-label</i> that refers to the <i>aria.jumpToPageInputLabel</i> property and jump to page dropdown internally uses a dropdown component, with an <i>aria-label</i> that refers to
-            the <i>aria.jumpToPageDropdownLabel</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API.
+            the <i>aria.jumpToPageDropdownLabel</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API.
         </p>
 
         <h3>Keyboard Support</h3>
@@ -57,6 +55,6 @@
         </div>
 
         <h3>Rows Per Page Dropdown Keyboard Support</h3>
-        <p>Refer to the <nuxt-link to="/dropdown">dropdown</nuxt-link> documentation for more details about keyboard support.</p>
+        <p>Refer to the <NuxtLink to="/dropdown">dropdown</NuxtLink> documentation for more details about keyboard support.</p>
     </DocSectionText>
 </template>
diff --git a/doc/paginator/StyleDoc.vue b/doc/paginator/StyleDoc.vue
index 8ce5657c3..92a75b557 100644
--- a/doc/paginator/StyleDoc.vue
+++ b/doc/paginator/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/panel/StyleDoc.vue b/doc/panel/StyleDoc.vue
index f4e977ce9..8c368fdde 100644
--- a/doc/panel/StyleDoc.vue
+++ b/doc/panel/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/password/StyleDoc.vue b/doc/password/StyleDoc.vue
index b2c183605..209ecf123 100644
--- a/doc/password/StyleDoc.vue
+++ b/doc/password/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/picklist/AccessibilityDoc.vue b/doc/picklist/AccessibilityDoc.vue
index 5d5ba9d65..34fcdbb5d 100644
--- a/doc/picklist/AccessibilityDoc.vue
+++ b/doc/picklist/AccessibilityDoc.vue
@@ -7,9 +7,9 @@
         </p>
         <p>
             Controls buttons are <i>button</i> elements with an <i>aria-label</i> that refers to the <i>aria.moveTop</i>, <i>aria.moveUp</i>, <i>aria.moveDown</i>, <i>aria.moveBottom</i>,<i>aria.moveToTarget</i>, <i>aria.moveAllToTarget</i>,
-            <i>aria.moveToSource</i> and <i>aria.moveAllToSource</i> properties of the <nuxt-link to="/locale">locale</nuxt-link> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>,
-            <i>moveDownButtonProps</i>, <i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> <i>moveAllFromButtonProps</i> <i>moveToTargetProps</i>, <i>moveAllToTargetProps</i>,
-            <i>moveToSourceProps</i> and <i>moveAllToSourceProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
+            <i>aria.moveToSource</i> and <i>aria.moveAllToSource</i> properties of the <NuxtLink to="/locale">locale</NuxtLink> API by default, alternatively you may use <i>moveTopButtonProps</i>, <i>moveUpButtonProps</i>, <i>moveDownButtonProps</i>,
+            <i>moveToButtonProps</i>, <i>moveAllToButtonProps</i>, <i>moveFromButtonProps</i>, <i>moveFromButtonProps</i> <i>moveAllFromButtonProps</i> <i>moveToTargetProps</i>, <i>moveAllToTargetProps</i>, <i>moveToSourceProps</i> and
+            <i>moveAllToSourceProps</i> to customize the buttons like overriding the default <i>aria-label</i> attributes.
         </p>
 
         <DocSectionCode :code="code" hideToggleCode hideCodeSandbox hideStackBlitz v-bind="$attrs" />
diff --git a/doc/picklist/StyleDoc.vue b/doc/picklist/StyleDoc.vue
index 3f66b7e49..1b87f0321 100644
--- a/doc/picklist/StyleDoc.vue
+++ b/doc/picklist/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/progressspinner/StyleDoc.vue b/doc/progressspinner/StyleDoc.vue
index 4a0e5e968..f0faeada3 100644
--- a/doc/progressspinner/StyleDoc.vue
+++ b/doc/progressspinner/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/radiobutton/StyleDoc.vue b/doc/radiobutton/StyleDoc.vue
index afb536733..67fef81a5 100644
--- a/doc/radiobutton/StyleDoc.vue
+++ b/doc/radiobutton/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/rating/AccessibilityDoc.vue b/doc/rating/AccessibilityDoc.vue
index 180753c4b..17fdc4031 100644
--- a/doc/rating/AccessibilityDoc.vue
+++ b/doc/rating/AccessibilityDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
         <h3>Screen Reader</h3>
         <p>
-            Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the <nuxt-link to="/locale">locale</nuxt-link> API via <i>star</i> and <i>stars</i> of the
+            Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the <NuxtLink to="/locale">locale</NuxtLink> API via <i>star</i> and <i>stars</i> of the
             <i>aria</i> property.
         </p>
 
diff --git a/doc/rating/StyleDoc.vue b/doc/rating/StyleDoc.vue
index 5dde55c59..9e6bfb1e5 100644
--- a/doc/rating/StyleDoc.vue
+++ b/doc/rating/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/ripple/ConfigurationDoc.vue b/doc/ripple/ConfigurationDoc.vue
index 7ce984e6f..f8699e88c 100644
--- a/doc/ripple/ConfigurationDoc.vue
+++ b/doc/ripple/ConfigurationDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>To start with, Ripple needs to be enabled globally. See the <nuxt-link to="/ripple">Configuration API</nuxt-link> for details.</p>
+        <p>To start with, Ripple needs to be enabled globally. See the <NuxtLink to="/configuration/#ripple">Configuration API</NuxtLink> for details.</p>
     </DocSectionText>
     <DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz />
 </template>
diff --git a/doc/ripple/StyleDoc.vue b/doc/ripple/StyleDoc.vue
index 219b123bc..72b4d1524 100644
--- a/doc/ripple/StyleDoc.vue
+++ b/doc/ripple/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/scrollpanel/StyleDoc.vue b/doc/scrollpanel/StyleDoc.vue
index 165270290..a507118a6 100644
--- a/doc/scrollpanel/StyleDoc.vue
+++ b/doc/scrollpanel/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/scrolltop/AccessibilityDoc.vue b/doc/scrolltop/AccessibilityDoc.vue
index 2bc11b15a..ce120aa71 100644
--- a/doc/scrolltop/AccessibilityDoc.vue
+++ b/doc/scrolltop/AccessibilityDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText id="accessibility" label="Accessibility" v-bind="$attrs">
         <h3>Screen Reader</h3>
         <p>
-            ScrollTop uses a button element with an <i>aria-label</i> that refers to the <i>aria.scrollTop</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use your own aria roles and attributes as any valid
+            ScrollTop uses a button element with an <i>aria-label</i> that refers to the <i>aria.scrollTop</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use your own aria roles and attributes as any valid
             attribute is passed to the button element implicitly.
         </p>
 
diff --git a/doc/scrolltop/StyleDoc.vue b/doc/scrolltop/StyleDoc.vue
index c42f01f12..72c9b4483 100644
--- a/doc/scrolltop/StyleDoc.vue
+++ b/doc/scrolltop/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/skeleton/StyleDoc.vue b/doc/skeleton/StyleDoc.vue
index 20a2db3c4..d3afae0d9 100644
--- a/doc/skeleton/StyleDoc.vue
+++ b/doc/skeleton/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/slider/StyleDoc.vue b/doc/slider/StyleDoc.vue
index ba5b8ff38..5bf0f0959 100644
--- a/doc/slider/StyleDoc.vue
+++ b/doc/slider/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/speeddial/StyleDoc.vue b/doc/speeddial/StyleDoc.vue
index 69a8abed3..bf2cac0d9 100644
--- a/doc/speeddial/StyleDoc.vue
+++ b/doc/speeddial/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/speeddial/TooltipDoc.vue b/doc/speeddial/TooltipDoc.vue
index c98e8d9c7..1cb71e3eb 100644
--- a/doc/speeddial/TooltipDoc.vue
+++ b/doc/speeddial/TooltipDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Items display a tooltip on hober when a standalone <nuxt-link to="/tooltip/">Tooltip</nuxt-link> is present with a target that matches the items.</p>
+        <p>Items display a tooltip on hober when a standalone <NuxtLink to="/tooltip">Tooltip</NuxtLink> is present with a target that matches the items.</p>
     </DocSectionText>
     <div class="card">
         <div :style="{ position: 'relative', height: '350px' }">
diff --git a/doc/splitbutton/StyleDoc.vue b/doc/splitbutton/StyleDoc.vue
index 4802995fb..70e24224c 100644
--- a/doc/splitbutton/StyleDoc.vue
+++ b/doc/splitbutton/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/splitter/StyleDoc.vue b/doc/splitter/StyleDoc.vue
index 8a9984228..04e72a365 100644
--- a/doc/splitter/StyleDoc.vue
+++ b/doc/splitter/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
         <div class="doc-tablewrapper">
             <table class="doc-table">
                 <thead>
diff --git a/doc/tabview/StyleDoc.vue b/doc/tabview/StyleDoc.vue
index beea4ed42..fd87f8332 100644
--- a/doc/tabview/StyleDoc.vue
+++ b/doc/tabview/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/tag/StyleDoc.vue b/doc/tag/StyleDoc.vue
index 42e6dadb7..5fd6cda48 100644
--- a/doc/tag/StyleDoc.vue
+++ b/doc/tag/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/terminal/StyleDoc.vue b/doc/terminal/StyleDoc.vue
index 6970a6f0d..9bc9e710f 100644
--- a/doc/terminal/StyleDoc.vue
+++ b/doc/terminal/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/textarea/StyleDoc.vue b/doc/textarea/StyleDoc.vue
index 45a1082a2..3b4818133 100644
--- a/doc/textarea/StyleDoc.vue
+++ b/doc/textarea/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/toast/AccessibilityDoc.vue b/doc/toast/AccessibilityDoc.vue
index 5377a1ca5..7c4fa4d4c 100644
--- a/doc/toast/AccessibilityDoc.vue
+++ b/doc/toast/AccessibilityDoc.vue
@@ -4,7 +4,7 @@
         <p>Toast component use <i>alert</i> role that implicitly defines <i>aria-live</i> as "assertive" and <i>aria-atomic</i> as "true".</p>
 
         <p>
-            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <nuxt-link to="/locale">locale</nuxt-link> API by default, you may use <i>closeButtonProps</i> to customize the element and
+            Close element is a <i>button</i> with an <i>aria-label</i> that refers to the <i>aria.close</i> property of the <NuxtLink to="/locale">locale</NuxtLink> API by default, you may use <i>closeButtonProps</i> to customize the element and
             override the default <i>aria-label</i>.
         </p>
 
diff --git a/doc/toast/StyleDoc.vue b/doc/toast/StyleDoc.vue
index 6d4f71fe3..2f24d32ba 100644
--- a/doc/toast/StyleDoc.vue
+++ b/doc/toast/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/togglebutton/StyleDoc.vue b/doc/togglebutton/StyleDoc.vue
index 11b953d6a..34b6f56e1 100644
--- a/doc/togglebutton/StyleDoc.vue
+++ b/doc/togglebutton/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/toolbar/StyleDoc.vue b/doc/toolbar/StyleDoc.vue
index eb4e9cfbd..f61daad26 100644
--- a/doc/toolbar/StyleDoc.vue
+++ b/doc/toolbar/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/tree/StyleDoc.vue b/doc/tree/StyleDoc.vue
index 6135f6ec6..734b8b5e2 100644
--- a/doc/tree/StyleDoc.vue
+++ b/doc/tree/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming"> theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming"> theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/treeselect/StyleDoc.vue b/doc/treeselect/StyleDoc.vue
index ae44d60df..399076f2e 100644
--- a/doc/treeselect/StyleDoc.vue
+++ b/doc/treeselect/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/doc/tristatecheckbox/StyleDoc.vue b/doc/tristatecheckbox/StyleDoc.vue
index 60e25a3cd..32d34ab6d 100644
--- a/doc/tristatecheckbox/StyleDoc.vue
+++ b/doc/tristatecheckbox/StyleDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText id="style" label="Style" v-bind="$attrs">
-        <p>Following is the list of structural style classes, for theming classes visit <nuxt-link to="/theming">theming</nuxt-link> page.</p>
+        <p>Following is the list of structural style classes, for theming classes visit <NuxtLink to="/theming">theming</NuxtLink> page.</p>
     </DocSectionText>
     <div class="doc-tablewrapper">
         <table class="doc-table">
diff --git a/layouts/doc/DocApiTable.vue b/layouts/doc/DocApiTable.vue
index 1a945077b..d05f0a02b 100644
--- a/layouts/doc/DocApiTable.vue
+++ b/layouts/doc/DocApiTable.vue
@@ -26,12 +26,12 @@
                             <template v-if="k !== 'readonly' && k !== 'optional' && k !== 'deprecated'">
                                 <span v-if="k === 'name'" :id="id + '.' + v" class="doc-option-name">
                                     {{ v }}
-                                    <nuxt-link :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" class="doc-option-link">
+                                    <NuxtLink :to="`/${$router.currentRoute.value.name}/#${id}.${v}`" class="doc-option-link">
                                         <i class="pi pi-link"></i>
-                                    </nuxt-link>
+                                    </NuxtLink>
                                 </span>
 
-                                <nuxt-link v-else-if="isLinkType(k, v)" :to="setLinkPath(v)" class="doc-option-link"> {{ v }} </nuxt-link>
+                                <NuxtLink v-else-if="isLinkType(k, v)" :to="setLinkPath(v)" class="doc-option-link"> {{ v }} </NuxtLink>
 
                                 <span v-else :id="id + '.' + v">
                                     {{ v }}