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