Update route links

pull/5002/head
Cagatay Civici 2023-12-26 21:38:03 +03:00
parent a2ce2d0f72
commit 1929944162
10 changed files with 25 additions and 58 deletions

View File

@ -26,7 +26,7 @@ export default {
return { return {
home: { home: {
icon: 'pi pi-home', icon: 'pi pi-home',
route: '/installation' route: '/introduction'
}, },
items: [{ label: 'Components' }, { label: 'Form' }, { label: 'InputText', route: '/inputtext' }], items: [{ label: 'Components' }, { label: 'Form' }, { label: 'InputText', route: '/inputtext' }],
code: { code: {
@ -70,7 +70,7 @@ export default {
return { return {
home: { home: {
icon: 'pi pi-home', icon: 'pi pi-home',
route: '/installation' route: '/introduction'
}, },
items: [ items: [
{ label: 'Components' }, { label: 'Components' },
@ -106,7 +106,7 @@ import { ref } from "vue";
const home = ref({ const home = ref({
icon: 'pi pi-home', icon: 'pi pi-home',
route: '/installation' route: '/introduction'
}); });
const items = ref([ const items = ref([
{ label: 'Components' }, { label: 'Components' },

View File

@ -47,7 +47,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -125,7 +125,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -193,7 +193,7 @@ const items = ref([
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
router.push('/installation'); router.push('/introduction');
} }
}, },
{ {

View File

@ -71,7 +71,7 @@ export default {
{ {
label: 'Installation', label: 'Installation',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
} }
] ]
@ -147,7 +147,7 @@ const items = ref([
{ {
label: 'Installation', label: 'Installation',
command: () => { command: () => {
$router.push('/installation'); $router.push('/introduction');
} }
} }
] ]

View File

@ -38,7 +38,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -100,7 +100,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -150,7 +150,7 @@ const items = ref([
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {

View File

@ -45,7 +45,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -125,7 +125,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -194,7 +194,7 @@ const items = ref([
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
router.push('/installation'); router.push('/introduction');
} }
}, },
{ {

View File

@ -47,7 +47,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -131,7 +131,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -204,7 +204,7 @@ const items = ref([
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
router.push('/installation'); router.push('/introduction');
} }
}, },
{ {

View File

@ -45,7 +45,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -125,7 +125,7 @@ export default {
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
this.$router.push('/installation'); this.$router.push('/introduction');
} }
}, },
{ {
@ -194,7 +194,7 @@ const items = ref([
label: 'Programmatic', label: 'Programmatic',
icon: 'pi pi-link', icon: 'pi pi-link',
command: () => { command: () => {
router.push('/installation'); router.push('/introduction');
} }
}, },
{ {

View File

@ -6,7 +6,7 @@
<ul class="list-none p-0 m-0"> <ul class="list-none p-0 m-0">
<li class="font-bold mb-5">General</li> <li class="font-bold mb-5">General</li>
<li class="mb-4"> <li class="mb-4">
<router-link to="/installation" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Get Started</router-link> <PrimeVueNuxtLink to="/introduction" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Get Started</PrimeVueNuxtLink>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://github.com/primefaces/primevue-examples" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Examples</a> <a href="https://github.com/primefaces/primevue-examples" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Examples</a>
@ -23,7 +23,7 @@
<a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Discord</a> <a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Discord</a>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<router-link to="/support" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">PRO Support</router-link> <PrimeVueNuxtLink to="/support" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">PRO Support</PrimeVueNuxtLink>
</li> </li>
</ul> </ul>
</div> </div>
@ -31,10 +31,10 @@
<ul class="list-none p-0 m-0"> <ul class="list-none p-0 m-0">
<li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li> <li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
<li class="mb-4"> <li class="mb-4">
<router-link to="/theming" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Styled Mode</router-link> <PrimeVueNuxtLink to="/theming" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Styled Mode</PrimeVueNuxtLink>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<router-link to="/unstyled" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Unstyled Mode</router-link> <PrimeVueNuxtLink to="/unstyled" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Unstyled Mode</PrimeVueNuxtLink>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -1,33 +0,0 @@
<template>
<section class="landing-getstarted flex flex-column align-items-center justify-content-center mt-8 z-1">
<div class="flex flex-column md:flex-row align-items-center justify-content-center">
<PrimeVueNuxtLink to="/installation" class="linkbox active font-semibold py-3 px-4 fadeinleft animation-duration-2000 animation-ease-out"> Get Started <i class="pi pi-arrow-right ml-3"></i> </PrimeVueNuxtLink>
<div class="relative cursor-pointer box download-box w-15rem font-medium p-3 px-4 mt-3 md:mt-0 md:ml-3 bg-transparent inline-flex align-items-center fadeinright animation-duration-2000 animation-ease-out" @click="copyClick">
<i :class="downloadIcon"></i>
<span class="font-bold select-all" style="font-family: monaco, monospace"> {{ npmText }} </span>
</div>
</div>
</section>
</template>
<script>
export default {
data() {
return {
npmText: 'npm i primevue',
downloadIcon: 'pi pi-download mr-3 download-icon'
};
},
methods: {
copyClick() {
navigator.clipboard.writeText(this.npmText);
this.npmText = 'copied!';
this.downloadIcon = 'pi pi-copy mr-3 download-icon';
setTimeout(() => {
this.npmText = 'npm i primevue';
this.downloadIcon = 'pi pi-download mr-3 download-icon';
}, 2000);
}
}
};
</script>

View File

@ -7,7 +7,7 @@
Elevate your web applications with PrimeVue's comprehensive suite of customizable, feature-rich UI components. With PrimeVue, turning your development vision into reality has never been easier. Elevate your web applications with PrimeVue's comprehensive suite of customizable, feature-rich UI components. With PrimeVue, turning your development vision into reality has never been easier.
</p> </p>
<div class="flex align-items-center gap-3"> <div class="flex align-items-center gap-3">
<PrimeVueNuxtLink to="/installation" class="linkbox active font-semibold py-3 px-4"> <PrimeVueNuxtLink to="/introduction" class="linkbox active font-semibold py-3 px-4">
<span>Get Started</span> <span>Get Started</span>
<i class="pi pi-arrow-right ml-3"></i> <i class="pi pi-arrow-right ml-3"></i>
</PrimeVueNuxtLink> </PrimeVueNuxtLink>