NuxtLink migration (#262)

Co-authored-by: Forms Dev <chirag+new@notionforms.io>

client/pages/auth/verification/verify.vue

@@ -9,18 +9,18 @@
           {{ success }}
         </div>
 
-        <router-link :to="{ name: 'login' }" class="btn btn-primary">
+        <NuxtLink :to="{ name: 'login' }" class="btn btn-primary">
           Login
-        </router-link>
+        </NuxtLink>
       </template>
       <template v-else>
         <div class="alert alert-danger" role="alert">
           {{ error || 'Failed to verify email.' }}
         </div>
 
-        <router-link :to="{ name: 'verification.resend' }" class="small float-right">
+        <NuxtLink :to="{ name: 'auth-verification-resend' }" class="small float-right">
           Resend Verification Link?
-        </router-link>
+        </NuxtLink>
       </template>
     </div>
   </div>

client/pages/errors/404.vue

@@ -9,9 +9,9 @@
       </h1>
 
       <div class="links">
-        <router-link :to="{ name: 'index' }" class="hover:underline text-gray-700">
+        <NuxtLink :to="{ name: 'index' }" class="hover:underline text-gray-700">
           Go Home
-        </router-link>
+        </NuxtLink>
       </div>
     </div>
   </div>

client/pages/forms/show-public.vue

@@ -24,9 +24,9 @@
           Unfortunately we could not find this form. It may have been deleted by it's author.
         </p>
         <p class="mb-10 mt-4">
-          <router-link :to="{name:'index'}">
+          <NuxtLink :to="{name:'index'}">
             Create your form for free with OpnForm
-          </router-link>
+          </NuxtLink>
         </p>
       </div>
       <div v-else-if="formLoading">

client/pages/index.vue

@@ -110,10 +110,10 @@
       <pricing-table v-if="paidPlansEnabled" class="pb-20" :home-page="true">
         <template #pricing-table>
           <li class="flex gap-x-3">
-            <router-link :to="{name:'pricing'}" class="flex gap-3">
+            <NuxtLink :to="{name:'pricing'}" class="flex gap-3">
               <div class="w-5"/>
               Read more about our pricing
-            </router-link>
+            </NuxtLink>
           </li>
         </template>
       </pricing-table>

client/pages/settings/index.vue

@@ -15,12 +15,12 @@
           <div class="mt-4 border-b border-gray-200 dark:border-gray-700">
             <ul class="flex flex-wrap -mb-px text-sm font-medium text-center">
               <li v-for="(tab, i) in tabsList" :key="i+1" class="mr-6">
-                <router-link :to="{ name: tab.route }"
+                <NuxtLink :to="{ name: tab.route }"
                              class="hover:no-underline inline-block py-4 rounded-t-lg border-b-2 text-gray-500 hover:text-gray-600"
                              active-class="text-blue-600 hover:text-blue-900 dark:text-blue-500 dark:hover:text-blue-500 border-blue-600 dark:border-blue-500"
                 >
                   {{ tab.name }}
-                </router-link>
+                </NuxtLink>
               </li>
             </ul>
           </div>
@@ -65,33 +65,33 @@ export default {
       const tabs = [
         {
           name: 'Profile',
-          route: 'settings.profile'
+          route: 'settings-profile'
         },
         {
           name: 'Workspace Settings',
-          route: 'settings.workspaces'
+          route: 'settings-workspace'
         },
         {
           name: 'Password',
-          route: 'settings.password'
+          route: 'settings-password'
         },
         {
           name: 'Delete Account',
-          route: 'settings.account'
+          route: 'settings-account'
         }
       ]
 
       if (this.user.is_subscribed) {
         tabs.splice(1, 0, {
           name: 'Billing',
-          route: 'settings.billing'
+          route: 'settings-billing'
         })
       }
 
       if (this.user.admin) {
         tabs.push({
           name: 'Admin',
-          route: 'settings.admin'
+          route: 'settings-admin'
         })
       }
 

client/pages/templates/[slug].vue

@@ -156,9 +156,9 @@
                   Copy the template and change it the way you like
                 </h5>
                 <p class="mt-2 text-sm font-normal text-gray-600">
-                  <router-link :to="{path:createFormWithTemplateUrl}">
+                  <NuxtLink :to="{path:createFormWithTemplateUrl}">
                     Click here to copy this template
-                  </router-link>
+                  </NuxtLink>
                   and start customizing it. Change the questions, add new ones, choose colors and
                   more.
                 </p>