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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -6,7 +6,7 @@
<ul class="list-none p-0 m-0">
<li class="font-bold mb-5">General</li>
<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 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>
@ -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>
</li>
<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>
</ul>
</div>
@ -31,10 +31,10 @@
<ul class="list-none p-0 m-0">
<li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
<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 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>
</ul>
</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.
</p>
<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>
<i class="pi pi-arrow-right ml-3"></i>
</PrimeVueNuxtLink>