vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

nuxt-links added

pull/3420/head
Bahadir Sofuoglu 2022-09-13 16:01:06 +03:00
parent 148a17057f
commit 1c71b5d1e9
13 changed files with 103 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app.vue
View File

@ -54,8 +54,6 @@ export default {
}; };
this.themeChangeListener = (event) => { this.themeChangeListener = (event) => {
console.log(this.$appState.theme);
const elementId = 'theme-link'; const elementId = 'theme-link';
const linkElement = document.getElementById(elementId); const linkElement = document.getElementById(elementId);
const cloneLinkElement = linkElement.cloneNode(true); const cloneLinkElement = linkElement.cloneNode(true);

71
layouts/AppConfigurator.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div :class="containerClass"> <div :class="containerClass">
<div class="layout-config-content-wrapper"> <div class="layout-config-content-wrapper">
<a href="#" class="layout-config-button" @click="toggleConfigurator"> <nuxt-link to="#" class="layout-config-button" @click="toggleConfigurator">
<i class="pi pi-cog"></i> <i class="pi pi-cog"></i>
</a> </nuxt-link>
<a href="#" class="layout-config-close" @click="hideConfigurator"> <nuxt-link to="#" class="layout-config-close" @click="hideConfigurator">
<i class="pi pi-times"></i> <i class="pi pi-times"></i>
</a> </nuxt-link>
<div class="layout-config-content"> <div class="layout-config-content">
<div> <div>
@ -23,7 +23,7 @@
<InputSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" /> <InputSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" />
<h4>Free Themes</h4> <h4>Free Themes</h4>
<p>Built-in component themes created by the <a href="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</a>.</p> <p>Built-in component themes created by the <nuxt-link to="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</nuxt-link>.</p>
<h5>Bootstrap</h5> <h5>Bootstrap</h5>
<div class="grid free-themes"> <div class="grid free-themes">
@ -258,7 +258,7 @@
</div> </div>
<h4>Premium Themes</h4> <h4>Premium Themes</h4>
<p>Premium themes are only available exclusively for <a href="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</a> subscribers and therefore not included in PrimeVue core.</p> <p>Premium themes are only available exclusively for <nuxt-link to="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</nuxt-link> subscribers and therefore not included in PrimeVue core.</p>
<div class="grid free-themes"> <div class="grid free-themes">
<div class="col-3"> <div class="col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'soho-light')"> <button class="p-link" type="button" @click="changeTheme($event, 'soho-light')">
@ -299,77 +299,77 @@
</div> </div>
<h4>Admin Templates</h4> <h4>Admin Templates</h4>
<p>Beautifully crafted <a href="https://cli.vuejs.org">Vue CLI</a> application templates by the PrimeTek design team.</p> <p>Beautifully crafted <nuxt-link to="https://cli.vuejs.org">Vue CLI</nuxt-link> application templates by the PrimeTek design team.</p>
<div class="grid premium-themes"> <div class="grid premium-themes">
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/sakai-vue"> <nuxt-link to="https://www.primefaces.org/sakai-vue">
<img alt="Ultima" src="@/assets/images/layouts/sakai-vue.jpg"> <img alt="Ultima" src="@/assets/images/layouts/sakai-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/atlantis-vue"> <nuxt-link to="https://www.primefaces.org/layouts/atlantis-vue">
<img alt="Atlantis" src="@/assets/images/layouts/atlantis-vue.jpg"> <img alt="Atlantis" src="@/assets/images/layouts/atlantis-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/freya-vue"> <nuxt-link to="https://www.primefaces.org/layouts/freya-vue">
<img alt="Freya" src="@/assets/images/layouts/freya-vue.png"> <img alt="Freya" src="@/assets/images/layouts/freya-vue.png">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/ultima-vue"> <nuxt-link to="https://www.primefaces.org/layouts/ultima-vue">
<img alt="Ultima" src="@/assets/images/layouts/ultima-vue.jpg"> <img alt="Ultima" src="@/assets/images/layouts/ultima-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/diamond-vue"> <nuxt-link to="https://www.primefaces.org/layouts/diamond-vue">
<img alt="Diamond" src="@/assets/images/layouts/diamond-vue.jpg"> <img alt="Diamond" src="@/assets/images/layouts/diamond-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/verona-vue"> <nuxt-link to="https://www.primefaces.org/layouts/verona-vue">
<img alt="Verona" src="@/assets/images/layouts/verona-vue.jpg"> <img alt="Verona" src="@/assets/images/layouts/verona-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/poseidon-vue"> <nuxt-link to="https://www.primefaces.org/layouts/poseidon-vue">
<img alt="Poseidon" src="@/assets/images/layouts/poseidon-vue.jpg"> <img alt="Poseidon" src="@/assets/images/layouts/poseidon-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/sapphire-vue"> <nuxt-link to="https://www.primefaces.org/layouts/sapphire-vue">
<img alt="Sapphire" src="@/assets/images/layouts/sapphire-vue.jpg"> <img alt="Sapphire" src="@/assets/images/layouts/sapphire-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/serenity-vue"> <nuxt-link to="https://www.primefaces.org/layouts/serenity-vue">
<img alt="Serenity" src="@/assets/images/layouts/serenity-vue.jpg"> <img alt="Serenity" src="@/assets/images/layouts/serenity-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/babylon-vue"> <nuxt-link to="https://www.primefaces.org/layouts/babylon-vue">
<img alt="Babylon" src="@/assets/images/layouts/babylon-vue.jpg"> <img alt="Babylon" src="@/assets/images/layouts/babylon-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/avalon-vue"> <nuxt-link to="https://www.primefaces.org/layouts/avalon-vue">
<img alt="Avalon" src="@/assets/images/layouts/avalon-vue.jpg"> <img alt="Avalon" src="@/assets/images/layouts/avalon-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/apollo-vue"> <nuxt-link to="https://www.primefaces.org/layouts/apollo-vue">
<img alt="Apollo" src="@/assets/images/layouts/apollo-vue.jpg"> <img alt="Apollo" src="@/assets/images/layouts/apollo-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/roma-vue"> <nuxt-link to="https://www.primefaces.org/layouts/roma-vue">
<img alt="Roma" src="@/assets/images/layouts/roma-vue.jpg"> <img alt="Roma" src="@/assets/images/layouts/roma-vue.jpg">
</a> </nuxt-link>
</div> </div>
<div class="col-12 md:col-6"> <div class="col-12 md:col-6">
<a href="https://www.primefaces.org/layouts/prestige-vue"> <nuxt-link to="https://www.primefaces.org/layouts/prestige-vue">
<img alt="Prestige" src="@/assets/images/layouts/prestige-vue.jpg"> <img alt="Prestige" src="@/assets/images/layouts/prestige-vue.jpg">
</a> </nuxt-link>
</div> </div>
</div> </div>
</div> </div>
@ -433,7 +433,6 @@ export default {
event.preventDefault(); event.preventDefault();
}, },
changeTheme(event, theme, dark) { changeTheme(event, theme, dark) {
console.log(event, theme, dark)
EventBus.emit('theme-change', { theme: theme, dark: dark }); EventBus.emit('theme-change', { theme: theme, dark: dark });
event.preventDefault(); event.preventDefault();
}, },

14
layouts/AppFooter.vue
View File

@ -2,19 +2,19 @@
<div class="layout-footer"> <div class="layout-footer">
<div class="layout-footer-left"> <div class="layout-footer-left">
<span>PrimeVue 3.17.0-SNAPSHOT on Vue 3 by </span> <span>PrimeVue 3.17.0-SNAPSHOT on Vue 3 by </span>
<a href="https://www.primetek.com.tr">PrimeTek</a> <nuxt-link to="https://www.primetek.com.tr">PrimeTek</nuxt-link>
</div> </div>
<div class="layout-footer-right"> <div class="layout-footer-right">
<a href="https://github.com/primefaces/primevue" class="mr-3"> <nuxt-link to="https://github.com/primefaces/primevue" class="mr-3">
<i class="pi pi-github"></i> <i class="pi pi-github"></i>
</a> </nuxt-link>
<a href="https://twitter.com/primevue" class="mr-3"> <nuxt-link to="https://twitter.com/primevue" class="mr-3">
<i class="pi pi-twitter"></i> <i class="pi pi-twitter"></i>
</a> </nuxt-link>
<a href="https://discord.com/invite/gzKFYnpmCY"> <nuxt-link to="https://discord.com/invite/gzKFYnpmCY">
<i class="pi pi-discord"></i> <i class="pi pi-discord"></i>
</a> </nuxt-link>
</div> </div>
</div> </div>
</template> </template>

2
layouts/AppNews.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<ClientOnly>
<div class="layout-news" :style="$appState?.announcement?.backgroundStyle"> <div class="layout-news" :style="$appState?.announcement?.backgroundStyle">
<i></i> <i></i>
<div class="layout-news-content"> <div class="layout-news-content">
@ -9,6 +10,7 @@
<span class="pi pi-times"></span> <span class="pi pi-times"></span>
</a> </a>
</div> </div>
</ClientOnly>
</template> </template>
<script> <script>

38
layouts/AppTopBar.vue
View File

@ -15,10 +15,10 @@
<ul v-show="activeMenuIndex === 0"> <ul v-show="activeMenuIndex === 0">
<li class="topbar-submenu-header">THEMING</li> <li class="topbar-submenu-header">THEMING</li>
<li><nuxt-link to="/theming"><i class="pi pi-fw pi-file"/><span>Guide</span></nuxt-link></li> <li><nuxt-link to="/theming"><i class="pi pi-fw pi-file"/><span>Guide</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/designer/primevue"><i class="pi pi-fw pi-palette" /><span>Designer</span></a></li> <li><nuxt-link to="https://www.primefaces.org/designer/primevue"><i class="pi pi-fw pi-palette" /><span>Designer</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/designer-vue"><i class="pi pi-fw pi-desktop" /><span>Visual Editor</span></a></li> <li><nuxt-link to="https://www.primefaces.org/designer-vue"><i class="pi pi-fw pi-desktop" /><span>Visual Editor</span></nuxt-link></li>
<li><nuxt-link to="/icons"><i class="pi pi-fw pi-info-circle"/><span>Icons</span></nuxt-link></li> <li><nuxt-link to="/icons"><i class="pi pi-fw pi-info-circle"/><span>Icons</span></nuxt-link></li>
<li><a href="https://www.figma.com/community/file/890589747170608208/PrimeOne-Design-Library"><i class="pi pi-fw pi-pencil"/><span>Figma UI Kit</span></a></li> <li><nuxt-link to="https://www.figma.com/community/file/890589747170608208/PrimeOne-Design-Library"><i class="pi pi-fw pi-pencil"/><span>Figma UI Kit</span></nuxt-link></li>
<li class="topbar-submenu-header">BOOTSTRAP</li> <li class="topbar-submenu-header">BOOTSTRAP</li>
<li><a @click="changeTheme($event, 'bootstrap4-light-blue')"><img src="/demo/images/themes/bootstrap4-light-blue.svg" alt="Blue Light" /><span>Blue Light</span></a></li> <li><a @click="changeTheme($event, 'bootstrap4-light-blue')"><img src="/demo/images/themes/bootstrap4-light-blue.svg" alt="Blue Light" /><span>Blue Light</span></a></li>
@ -83,33 +83,33 @@
<transition name="p-connected-overlay" @enter="onMenuEnter"> <transition name="p-connected-overlay" @enter="onMenuEnter">
<ul v-show="activeMenuIndex === 1"> <ul v-show="activeMenuIndex === 1">
<li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li> <li class="topbar-submenu-header">FREE ADMIN TEMPLATE</li>
<li><a href="https://www.primefaces.org/sakai-vue"><img src="@/assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></a></li> <li><nuxt-link to="https://www.primefaces.org/sakai-vue"><img src="@/assets/images/layouts/themeswitcher-sakai.svg" alt="Sakai" /><span>Sakai</span></nuxt-link></li>
<li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li> <li class="topbar-submenu-header">PREMIUM ADMIN TEMPLATES</li>
<li><a href="https://www.primefaces.org/layouts/atlantis-vue"><img src="@/assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/atlantis-vue"><img src="@/assets/images/layouts/themeswitcher-atlantis.svg" alt="Atlantis" /><span>Atlantis</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/freya-vue"><img src="@/assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/freya-vue"><img src="@/assets/images/layouts/themeswitcher-freya.png" alt="Freya" /><span>Freya</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/diamond-vue"><img src="@/assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/diamond-vue"><img src="@/assets/images/layouts/themeswitcher-diamond.png" alt="Diamond" /><span>Diamond</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/verona-vue"><img src="@/assets/images/layouts/themeswitcher-verona.png" alt="Verona" /><span>Verona</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/verona-vue"><img src="@/assets/images/layouts/themeswitcher-verona.png" alt="Verona" /><span>Verona</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/poseidon-vue"><img src="@/assets/images/layouts/themeswitcher-poseidon.svg" alt="Poseidon" /><span>Poseidon</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/poseidon-vue"><img src="@/assets/images/layouts/themeswitcher-poseidon.svg" alt="Poseidon" /><span>Poseidon</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/sapphire-vue"><img src="@/assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/sapphire-vue"><img src="@/assets/images/layouts/themeswitcher-sapphire.png" alt="Sapphire" /><span>Sapphire</span><span class="theme-badge material">material</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/serenity-vue"><img src="@/assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/serenity-vue"><img src="@/assets/images/layouts/themeswitcher-serenity.png" alt="Serenity" /><span>Serenity</span><span class="theme-badge material">material</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/ultima-vue"><img src="@/assets/images/layouts/themeswitcher-ultima.png" alt="Ultima" /><span>Ultima</span><span class="theme-badge material">material</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/ultima-vue"><img src="@/assets/images/layouts/themeswitcher-ultima.png" alt="Ultima" /><span>Ultima</span><span class="theme-badge material">material</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/avalon-vue"><img src="@/assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/avalon-vue"><img src="@/assets/images/layouts/themeswitcher-avalon.png" alt="Avalon" /><span>Avalon</span><span class="theme-badge bootstrap">bootstrap</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/babylon-vue"><img src="@/assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/babylon-vue"><img src="@/assets/images/layouts/themeswitcher-babylon.png" alt="Babylon" /><span>Babylon</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/apollo-vue"><img src="@/assets/images/layouts/themeswitcher-apollo.png" alt="Apollo" /><span>Apollo</span><span class="theme-badge darkmode">dark mode</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/apollo-vue"><img src="@/assets/images/layouts/themeswitcher-apollo.png" alt="Apollo" /><span>Apollo</span><span class="theme-badge darkmode">dark mode</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/roma-vue"><img src="@/assets/images/layouts/themeswitcher-roma.jpg" alt="Roma" /><span>Roma</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/roma-vue"><img src="@/assets/images/layouts/themeswitcher-roma.jpg" alt="Roma" /><span>Roma</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/layouts/prestige-vue"><img src="@/assets/images/layouts/themeswitcher-prestige.png" alt="Prestige" /><span>Prestige</span></a></li> <li><nuxt-link to="https://www.primefaces.org/layouts/prestige-vue"><img src="@/assets/images/layouts/themeswitcher-prestige.png" alt="Prestige" /><span>Prestige</span></nuxt-link></li>
</ul> </ul>
</transition> </transition>
</li> </li>
<li class="topbar-submenu topbar-resources-submenu"> <li class="topbar-submenu topbar-resources-submenu">
<a href="https://www.primefaces.org/primeblocks-vue/#/" target="_blank"><span>Blocks</span></a> <nuxt-link to="https://www.primefaces.org/primeblocks-vue/#/" target="_blank"><span>Blocks</span></nuxt-link>
</li> </li>
<li class="topbar-submenu"> <li class="topbar-submenu">
<a tabindex="0" @click="toggleMenu($event, 3)">v3.16.2</a> <a tabindex="0" @click="toggleMenu($event, 3)">v3.16.2</a>
<transition name="p-connected-overlay" @enter="onMenuEnter"> <transition name="p-connected-overlay" @enter="onMenuEnter">
<ul v-show="activeMenuIndex === 3" style="width: 100%"> <ul v-show="activeMenuIndex === 3" style="width: 100%">
<li><nuxt-link to="/"><span class="m-0">v3.16.2</span></nuxt-link></li> <li><nuxt-link to="/"><span class="m-0">v3.16.2</span></nuxt-link></li>
<li><a href="https://www.primefaces.org/primevue-v2"><span class="m-0">v2.10.0</span></a></li> <li><nuxt-link to="https://www.primefaces.org/primevue-v2"><span class="m-0">v2.10.0</span></nuxt-link></li>
</ul> </ul>
</transition> </transition>
</li> </li>

4
pages/landing/BlockSection.vue
View File

@ -3,10 +3,10 @@
<div class="section-header">PrimeBlocks</div> <div class="section-header">PrimeBlocks</div>
<p class="section-detail">350+ ready to copy-paste UI blocks to build spectacular applications in no time.</p> <p class="section-detail">350+ ready to copy-paste UI blocks to build spectacular applications in no time.</p>
<div class="flex justify-content-center mt-4"> <div class="flex justify-content-center mt-4">
<a href="https://www.primefaces.org/primeblocks-vue" class="font-semibold p-3 border-round flex align-items-center linkbox active z-2"> <nuxt-link to="https://www.primefaces.org/primeblocks-vue" class="font-semibold p-3 border-round flex align-items-center linkbox active z-2">
<span>Learn More</span> <span>Learn More</span>
<i class="pi pi-arrow-right ml-2"></i> <i class="pi pi-arrow-right ml-2"></i>
</a> </nuxt-link>
</div> </div>
<section :class="['prime-blocks flex justify-content-center align-items-center flex-column z-1', {'blocks-animation': setAnimation}]"> <section :class="['prime-blocks flex justify-content-center align-items-center flex-column z-1', {'blocks-animation': setAnimation}]">
<div class="flex"> <div class="flex">

4
pages/landing/DesignerSection.vue
View File

@ -49,10 +49,10 @@
</div> </div>
</div> </div>
<a href="https://www.primefaces.org/designer-vue" class="font-semibold p-3 border-round flex align-items-center linkbox active"> <nuxt-link to="https://www.primefaces.org/designer-vue" class="font-semibold p-3 border-round flex align-items-center linkbox active">
<span>View Full Version</span> <span>View Full Version</span>
<i class="pi pi-arrow-right ml-auto"></i> <i class="pi pi-arrow-right ml-auto"></i>
</a> </nuxt-link>
</div> </div>
</div> </div>
<div :class="editorclass" style="border-radius: '10px'" :ref="editorRef"> <div :class="editorclass" style="border-radius: '10px'" :ref="editorRef">

32
pages/landing/FooterSection.vue
View File

@ -13,10 +13,10 @@
<ul class="list-none p-0 m-0"> <ul class="list-none p-0 m-0">
<li class="font-bold mb-5">Support</li> <li class="font-bold mb-5">Support</li>
<li class="mb-4"> <li class="mb-4">
<a href="https://forum.primefaces.org/viewforum.php?f=57" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Forum</a> <nuxt-link to="https://forum.primefaces.org/viewforum.php?f=57" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Forum</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Discord</a> <nuxt-link to="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Discord</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<nuxt-link to="/support" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PRO Support</nuxt-link> <nuxt-link to="/support" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PRO Support</nuxt-link>
@ -27,25 +27,25 @@
<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">Resources</li> <li class="font-bold mt-5 lg:mt-0 mb-5">Resources</li>
<li class="mb-4"> <li class="mb-4">
<a href="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeTV</a> <nuxt-link to="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeTV</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://www.primefaces.org/store/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Store</a> <nuxt-link to="https://www.primefaces.org/store/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Store</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://github.com/primefaces/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Source Code</a> <nuxt-link to="https://github.com/primefaces/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Source Code</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://twitter.com/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Twitter</a> <nuxt-link to="https://twitter.com/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Twitter</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://www.primefaces.org/newsletter" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Newsletter</a> <nuxt-link to="https://www.primefaces.org/newsletter" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Newsletter</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://gear.primefaces.org/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeGear</a> <nuxt-link to="https://gear.primefaces.org/" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">PrimeGear</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="mailto:contact@primetek.com.tr" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Contact Us</a> <nuxt-link to="mailto:contact@primetek.com.tr" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Contact Us</nuxt-link>
</li> </li>
</ul> </ul>
</div> </div>
@ -56,7 +56,7 @@
<nuxt-link to="/theming" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Guide</nuxt-link> <nuxt-link to="/theming" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Guide</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<a href="https://www.primefaces.org/designer/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Designer</a> <nuxt-link to="https://www.primefaces.org/designer/primevue" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Designer</nuxt-link>
</li> </li>
<li class="mb-4"> <li class="mb-4">
<nuxt-link to="/colors" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Colors</nuxt-link> <nuxt-link to="/colors" class="text-secondary font-medium hover:text-primary transition-colors transition-duration-150">Colors</nuxt-link>
@ -72,15 +72,15 @@
<img :src="'/demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" /> <img :src="'/demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
</span> </span>
<div class="flex align-items-center"> <div class="flex align-items-center">
<a href="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3"> <nuxt-link to="https://twitter.com/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
<i class="pi pi-twitter"></i> <i class="pi pi-twitter"></i>
</a> </nuxt-link>
<a href="https://github.com/primefaces/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3"> <nuxt-link to="https://github.com/primefaces/primevue" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center mr-3">
<i class="pi pi-github"></i> <i class="pi pi-github"></i>
</a> </nuxt-link>
<a href="https://discord.gg/gzKFYnpmCY" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center"> <nuxt-link to="https://discord.gg/gzKFYnpmCY" class="linkbox block w-3rem h-3rem flex align-items-center justify-content-center">
<i class="pi pi-discord"></i> <i class="pi pi-discord"></i>
</a> </nuxt-link>
</div> </div>
</div> </div>
</section> </section>

20
pages/landing/HeaderSection.vue
View File

@ -14,31 +14,31 @@
</nuxt-link> </nuxt-link>
</li> </li>
<li class="mr-0 lg:mr-2"> <li class="mr-0 lg:mr-2">
<a href="https://www.primefaces.org/primeblocks-vue"> <nuxt-link to="https://www.primefaces.org/primeblocks-vue">
<img src="/demo/images/landing/blocks-icon.svg" alt="primevue templates" /> <img src="/demo/images/landing/blocks-icon.svg" alt="primevue templates" />
<span>Blocks</span> <span>Blocks</span>
</a> </nuxt-link>
</li> </li>
<li class="mr-0 lg:mr-2"> <li class="mr-0 lg:mr-2">
<a href="https://www.primefaces.org/designer-vue"> <nuxt-link to="https://www.primefaces.org/designer-vue">
<img src="/demo/images/landing/designer-icon.svg" alt="primevue templates" /> <img src="/demo/images/landing/designer-icon.svg" alt="primevue templates" />
<span>Designer</span> <span>Designer</span>
</a> </nuxt-link>
</li> </li>
<li class="mr-0 lg:mr-2"> <li class="mr-0 lg:mr-2">
<a href="https://www.primefaces.org/store/templates.xhtml"> <nuxt-link to="https://www.primefaces.org/store/templates.xhtml">
<img src="/demo/images/landing/templates-icon.svg" alt="primevue templates" /> <img src="/demo/images/landing/templates-icon.svg" alt="primevue templates" />
<span>Templates</span> <span>Templates</span>
</a> </nuxt-link>
</li> </li>
</ol> </ol>
</nav> </nav>
<a href="https://github.com/primefaces/primevue" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0"> <nuxt-link to="https://github.com/primefaces/primevue" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
<i class="pi pi-github"></i> <i class="pi pi-github"></i>
</a> </nuxt-link>
<a href="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0"> <nuxt-link to="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
<i class="pi pi-discord"></i> <i class="pi pi-discord"></i>
</a> </nuxt-link>
<button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center" @click="toggleTheme"> <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center" @click="toggleTheme">
<i :class="['pi', {'pi-sun': isDarkTheme(), 'pi-moon': !isDarkTheme()}]"></i> <i :class="['pi', {'pi-sun': isDarkTheme(), 'pi-moon': !isDarkTheme()}]"></i>
</button> </button>

16
pages/landing/TemplateSection.vue
View File

@ -3,27 +3,27 @@
<div class="section-header">Templates</div> <div class="section-header">Templates</div>
<p class="section-detail">Professionally designed highly customizable application templates to get started in style.</p> <p class="section-detail">Professionally designed highly customizable application templates to get started in style.</p>
<div class="flex justify-content-center mt-4"> <div class="flex justify-content-center mt-4">
<a href="https://www.primefaces.org/store" class="font-semibold p-3 border-round flex align-items-center linkbox active"> <nuxt-link to="https://www.primefaces.org/store" class="font-semibold p-3 border-round flex align-items-center linkbox active">
<span>Learn More</span> <span>Learn More</span>
<i class="pi pi-arrow-right ml-2"></i> <i class="pi pi-arrow-right ml-2"></i>
</a> </nuxt-link>
</div> </div>
<section :class="['templates flex justify-content-center align-items-center flex-column mt-7', {'templates-animation': setAnimation}]"> <section :class="['templates flex justify-content-center align-items-center flex-column mt-7', {'templates-animation': setAnimation}]">
<div class="flex"> <div class="flex">
<div class="template-block block-1 mr-2 flex justify-content-center align-items-center" <div class="template-block block-1 mr-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('diamond')}"> :style="{backgroundImage: imageBg('diamond')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/diamond-vue/" >Diamond Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/diamond-vue/" >Diamond Preview</nuxt-link>
</div> </div>
<div <div
class="template-block block-2 ml-2 flex justify-content-center align-items-center" class="template-block block-2 ml-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('freya')}"> :style="{backgroundImage: imageBg('freya')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/freya-vue/" >Freya Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/freya-vue/" >Freya Preview</nuxt-link>
</div> </div>
</div> </div>
<div class="flex my-4"> <div class="flex my-4">
<div class="template-block block-3 mr-2 flex justify-content-center align-items-center" <div class="template-block block-3 mr-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('atlantis')}"> :style="{backgroundImage: imageBg('atlantis')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/atlantis-vue/" >Atlantis Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/atlantis-vue/" >Atlantis Preview</nuxt-link>
</div> </div>
<div class="template-block block-middle border-none box-shadow-none mr-2 flex justify-content-center align-items-center flex-column"> <div class="template-block block-middle border-none box-shadow-none mr-2 flex justify-content-center align-items-center flex-column">
<img class="img-1" <img class="img-1"
@ -31,17 +31,17 @@
</div> </div>
<div class="template-block block-4 ml-2 flex justify-content-center align-items-center" <div class="template-block block-4 ml-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('apollo')}"> :style="{backgroundImage: imageBg('apollo')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/apollo-vue/" >Apollo Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/apollo-vue/" >Apollo Preview</nuxt-link>
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<div class="template-block block-5 mr-2 flex justify-content-center align-items-center" <div class="template-block block-5 mr-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('serenity')}"> :style="{backgroundImage: imageBg('serenity')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/serenity-vue/" >Serenity Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/serenity-vue/" >Serenity Preview</nuxt-link>
</div> </div>
<div class="template-block block-6 ml-2 flex justify-content-center align-items-center" <div class="template-block block-6 ml-2 flex justify-content-center align-items-center"
:style="{backgroundImage: imageBg('ultima')}"> :style="{backgroundImage: imageBg('ultima')}">
<a class="templates-btn" target="_blank" href="https://www.primefaces.org/ultima-vue/" >Ultima Preview</a> <nuxt-link class="templates-btn" target="_blank" to="https://www.primefaces.org/ultima-vue/" >Ultima Preview</nuxt-link>
</div> </div>
</div> </div>
<div class="lines"> <div class="lines">

2
pages/landing/ThemeSection.vue
View File

@ -6,7 +6,7 @@
<button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('lara')}]" @click="changeTheme('lara', 'blue')">PrimeOne</button> <button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('lara')}]" @click="changeTheme('lara', 'blue')">PrimeOne</button>
<button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('md')}]" @click="changeTheme('md', 'indigo')">Material</button> <button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('md')}]" @click="changeTheme('md', 'indigo')">Material</button>
<button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('bootstrap4')}]" @click="changeTheme('bootstrap4', 'blue')">Bootstrap</button> <button type="button" :class="['font-medium linkbox mr-3 mt-4', {'active': theme && theme.startsWith('bootstrap4')}]" @click="changeTheme('bootstrap4', 'blue')">Bootstrap</button>
<a type="button" class="font-medium p-link linkbox mt-4" href="https://www.primefaces.org/designer-vue">more...</a> <nuxt-link type="button" class="font-medium p-link linkbox mt-4" to="https://www.primefaces.org/designer-vue">more...</nuxt-link>
</div> </div>
<div class="themes-main flex mt-7 justify-content-center pad-section" :style="{backgroundImage:`url('/demo/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}"> <div class="themes-main flex mt-7 justify-content-center pad-section" :style="{backgroundImage:`url('/demo/images/landing/wave-${$appState.darkTheme ? 'dark-alt' : 'light-alt'}.svg')`, backgroundSize:'cover'}">
<div class="box overflow-hidden z-1 p-5 table-container"> <div class="box overflow-hidden z-1 p-5 table-container">

3
pages/liveeditor/LiveEditor.vue
View File

@ -109,8 +109,7 @@ export default {
let extIndexCSS = extFiles['index.css'] || ''; let extIndexCSS = extFiles['index.css'] || '';
delete extFiles['index.css']; delete extFiles['index.css'];
console.log(packageJson)
const dependencies = packageJson ? packageJson.devDependencies : {}; const dependencies = packageJson ? packageJson.devDependencies : {};
let defaultCss = { let defaultCss = {

1
service/NewsService.js
View File

@ -3,7 +3,6 @@ export default class NewsService {
async fetchNews() { async fetchNews() {
try { try {
const data = await useFetch('https://www.primefaces.org/cdn/news/primevue.json', {cache: 'no-store'}) const data = await useFetch('https://www.primefaces.org/cdn/news/primevue.json', {cache: 'no-store'})
console.log(data)
return await data.json(); return await data.json();
} catch (error) { } catch (error) {
console.log(error) console.log(error)