Update route links
parent
a2ce2d0f72
commit
1929944162
|
@ -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' },
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
}
|
||||
]
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue