village-hall
/
opnform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

NuxtLink migration (#262) 

Co-authored-by: Forms Dev <chirag+new@notionforms.io>
This commit is contained in:
Chirag Chhatrala 2023-12-22 14:54:51 +05:30 committed by GitHub
parent aa38aac626
commit 3d92637ef5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/components/pages/auth/components/LoginForm.vue
View File

@ -32,9 +32,9 @@
<p class="text-gray-500 mt-4"> <p class="text-gray-500 mt-4">
Don't have an account? Don't have an account?
<a v-if="isQuick" href="#" class="font-semibold ml-1" @click.prevent="$emit('openRegister')">Sign Up</a> <a v-if="isQuick" href="#" class="font-semibold ml-1" @click.prevent="$emit('openRegister')">Sign Up</a>
<router-link v-else :to="{name:'register'}" class="font-semibold ml-1"> <NuxtLink v-else :to="{name:'register'}" class="font-semibold ml-1">
Sign Up Sign Up
</router-link> </NuxtLink>
</p> </p>
</form> </form>
</div> </div>

10
client/components/pages/auth/components/RegisterForm.vue
View File

@ -23,11 +23,11 @@
<checkbox-input :form="form" name="agree_terms" :required="true"> <checkbox-input :form="form" name="agree_terms" :required="true">
<template #label> <template #label>
I agree with the <router-link :to="{name:'terms-conditions'}" target="_blank"> I agree with the <NuxtLink :to="{name:'terms-conditions'}" target="_blank">
Terms and conditions Terms and conditions
</router-link> and <router-link :to="{name:'privacy-policy'}" target="_blank"> </NuxtLink> and <NuxtLink :to="{name:'privacy-policy'}" target="_blank">
Privacy policy Privacy policy
</router-link> of the website and I accept them. </NuxtLink> of the website and I accept them.
</template> </template>
</checkbox-input> </checkbox-input>
@ -39,9 +39,9 @@
<p class="text-gray-500 mt-4"> <p class="text-gray-500 mt-4">
Already have an account? Already have an account?
<a v-if="isQuick" href="#" class="font-semibold ml-1" @click.prevent="$emit('openLogin')">Log In</a> <a v-if="isQuick" href="#" class="font-semibold ml-1" @click.prevent="$emit('openLogin')">Log In</a>
<router-link v-else :to="{name:'login'}" class="font-semibold ml-1"> <NuxtLink v-else :to="{name:'login'}" class="font-semibold ml-1">
Log In Log In
</router-link> </NuxtLink>
</p> </p>
</form> </form>
</div> </div>

2
client/components/pages/forms/create/CreateFormBaseModal.vue
View File

@ -67,7 +67,7 @@
<p class="font-medium"> <p class="font-medium">
Start from a template Start from a template
</p> </p>
<router-link v-track.select_form_base="{base:'template'}" :to="{name:'templates'}" class="absolute inset-0" /> <NuxtLink v-track.select_form_base="{base:'template'}" :to="{name:'templates'}" class="absolute inset-0" />
</div> </div>
</div> </div>
<div v-else-if="state=='ai'"> <div v-else-if="state=='ai'">

4
client/components/pages/forms/show/FormCleanings.vue
View File

@ -21,9 +21,9 @@
<div class="border-t mt-1 p-4 pb-2 -mx-2"> <div class="border-t mt-1 p-4 pb-2 -mx-2">
<p class="text-gray-500 text-sm" v-html="cleaningContent" /> <p class="text-gray-500 text-sm" v-html="cleaningContent" />
<p class="text-gray-500 text-sm mb-4 font-semibold"> <p class="text-gray-500 text-sm mb-4 font-semibold">
<router-link :to="{name:'pricing'}"> <NuxtLink :to="{name:'pricing'}">
{{ form.is_pro ? 'Upgrade your OpnForms plan today' : 'Start your free OpnForms trial' }} {{ form.is_pro ? 'Upgrade your OpnForms plan today' : 'Start your free OpnForms trial' }}
</router-link> </NuxtLink>
to unlock all of our features and build powerful forms. to unlock all of our features and build powerful forms.
</p> </p>
<div class="flex flex-wrap items-end w-full"> <div class="flex flex-wrap items-end w-full">

4
client/components/pages/templates/SingleTemplate.vue
View File

@ -32,9 +32,9 @@
<template-tags :template="template" <template-tags :template="template"
class="flex mt-4 items-center flex-wrap gap-3" class="flex mt-4 items-center flex-wrap gap-3"
/> />
<router-link :to="{params:{slug:template.slug},name:'templates-slug'}" title=""> <NuxtLink :to="{params:{slug:template.slug},name:'templates-slug'}" title="">
<span class="absolute inset-0" aria-hidden="true" /> <span class="absolute inset-0" aria-hidden="true" />
</router-link> </NuxtLink>
</div> </div>
</template> </template>

8
client/components/pages/templates/TemplatesList.vue
View File

@ -48,13 +48,13 @@
</div> </div>
<div class="grid grid-cols-1 gap-x-8 gap-y-4 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> <div class="grid grid-cols-1 gap-x-8 gap-y-4 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<router-link v-for="row in types" :key="row.slug" <NuxtLink v-for="row in types" :key="row.slug"
:to="{params: {slug:row.slug}, name:'templates-types-slug'}" :to="{params: {slug:row.slug}, name:'templates-types-slug'}"
:title="row.name" :title="row.name"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
> >
{{ row.name }} {{ row.name }}
</router-link> </NuxtLink>
</div> </div>
</div> </div>
</section> </section>
@ -71,13 +71,13 @@
</div> </div>
<div class="grid grid-cols-1 gap-x-8 gap-y-4 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> <div class="grid grid-cols-1 gap-x-8 gap-y-4 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<router-link v-for="row in industries" :key="row.slug" <NuxtLink v-for="row in industries" :key="row.slug"
:to="{params:{slug:row.slug}, name:'templates-industries-slug'}" :to="{params:{slug:row.slug}, name:'templates-industries-slug'}"
:title="row.name" :title="row.name"
class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue" class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
> >
{{ row.name }} {{ row.name }}
</router-link> </NuxtLink>
</div> </div>
</div> </div>
</section> </section>

4
client/components/pages/welcome/TemplatesSlider.vue
View File

@ -12,7 +12,7 @@
</p> </p>
</div> </div>
<div class="my-3 flex justify-center"> <div class="my-3 flex justify-center">
<router-link :to="{name:'templates'}"> <NuxtLink :to="{name:'templates'}">
See all templates See all templates
<svg class="h-4 w-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <svg class="h-4 w-4 inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" <path fill-rule="evenodd"
@ -20,7 +20,7 @@
clip-rule="evenodd" clip-rule="evenodd"
/> />
</svg> </svg>
</router-link> </NuxtLink>
</div> </div>
<div v-if="sliderTemplates.length > 0" <div v-if="sliderTemplates.length > 0"

8
client/pages/auth/verification/verify.vue
View File

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

4
client/pages/errors/404.vue
View File

@ -9,9 +9,9 @@
</h1> </h1>
<div class="links"> <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 Go Home
</router-link> </NuxtLink>
</div> </div>
</div> </div>
</div> </div>

4
client/pages/forms/show-public.vue
View File

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

4
client/pages/index.vue
View File

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

16
client/pages/settings/index.vue
View File

@ -15,12 +15,12 @@
<div class="mt-4 border-b border-gray-200 dark:border-gray-700"> <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"> <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"> <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" 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" 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 }} {{ tab.name }}
</router-link> </NuxtLink>
</li> </li>
</ul> </ul>
</div> </div>
@ -65,33 +65,33 @@ export default {
const tabs = [ const tabs = [
{ {
name: 'Profile', name: 'Profile',
route: 'settings.profile' route: 'settings-profile'
}, },
{ {
name: 'Workspace Settings', name: 'Workspace Settings',
route: 'settings.workspaces' route: 'settings-workspace'
}, },
{ {
name: 'Password', name: 'Password',
route: 'settings.password' route: 'settings-password'
}, },
{ {
name: 'Delete Account', name: 'Delete Account',
route: 'settings.account' route: 'settings-account'
} }
] ]
if (this.user.is_subscribed) { if (this.user.is_subscribed) {
tabs.splice(1, 0, { tabs.splice(1, 0, {
name: 'Billing', name: 'Billing',
route: 'settings.billing' route: 'settings-billing'
}) })
} }
if (this.user.admin) { if (this.user.admin) {
tabs.push({ tabs.push({
name: 'Admin', name: 'Admin',
route: 'settings.admin' route: 'settings-admin'
}) })
} }

4
client/pages/templates/[slug].vue
View File

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