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

markRaw updates

pull/6569/head
tugcekucukoglu 2024-10-11 17:11:12 +03:00
parent 848d0337db
commit a745ec7d43
11 changed files with 80 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/showcase/components/template/TemplateContainer.vue
View File

@ -21,12 +21,10 @@ export default {
}, },
computed: { computed: {
components() { components() {
return this.templateData.components.map((component) => { return this.templateData?.components?.map(({ name, ...rest }) => ({
return { ...rest,
...component, name
name: markRaw(component.name) }));
};
});
} }
} }
}; };

2
apps/showcase/components/template/TemplateHero.vue
View File

@ -55,7 +55,7 @@ export default {
props: { props: {
templateHeroData: { templateHeroData: {
type: null, type: null,
templateHeroData: null default: null
} }
} }
}; };

17
apps/showcase/pages/templates/apollo/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import ApolloLogo from '@/components/template/logo/ApolloLogo.vue'; import ApolloLogo from '@/components/template/logo/ApolloLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
apolloData: { apolloData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: ApolloLogo, logo: markRaw(ApolloLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-pattern.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-dashboard1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-dashboard2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-hero-dashboard2.png',
@ -38,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://apollo.primevue.org/documentation/', documentLink: 'https://apollo.primevue.org/documentation/',
@ -62,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -132,7 +133,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -155,7 +156,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite and Nuxt', title: 'Vue based on Vite and Nuxt',
@ -164,7 +165,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -205,7 +206,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

16
apps/showcase/pages/templates/atlantis/index.vue
View File

@ -13,16 +13,18 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import AtlantisLogo from '@/components/template/logo/AtlantisLogo.vue'; import AtlantisLogo from '@/components/template/logo/AtlantisLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
return { return {
atlantisData: { atlantisData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: AtlantisLogo, logo: markRaw(AtlantisLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-pattern.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-dashboard1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-dashboard2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/atlantis/atlantis-hero-dashboard2.png',
@ -37,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://atlantis.primevue.org/documentation', documentLink: 'https://atlantis.primevue.org/documentation',
@ -61,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -125,7 +127,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite', title: 'Vue based on Vite',
@ -134,7 +136,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -174,7 +176,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

17
apps/showcase/pages/templates/avalon/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import AvalonLogo from '@/components/template/logo/AvalonLogo.vue'; import AvalonLogo from '@/components/template/logo/AvalonLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
avalonData: { avalonData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: AvalonLogo, logo: markRaw(AvalonLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-pattern.png',
rectangle: false, rectangle: false,
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-dashboard1.png',
@ -39,7 +40,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://avalon.primevue.org/documentation', documentLink: 'https://avalon.primevue.org/documentation',
@ -63,7 +64,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -133,7 +134,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue App with No Configuration', title: 'Vue App with No Configuration',
@ -142,7 +143,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -165,7 +166,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -205,7 +206,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/diamond/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import DiamondLogo from '@/components/template/logo/DiamondLogo.vue'; import DiamondLogo from '@/components/template/logo/DiamondLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
diamondData: { diamondData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: DiamondLogo, logo: markRaw(DiamondLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-hero-pattern.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-remastered-hero-dashboard-1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-remastered-hero-dashboard-1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-remastered-hero-dashboard-2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/diamond/diamond-remastered-hero-dashboard-2.png',
@ -38,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://diamond.primevue.org/documentation/', documentLink: 'https://diamond.primevue.org/documentation/',
@ -62,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -132,7 +133,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue App with No Configuration', title: 'Vue App with No Configuration',
@ -141,7 +142,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -181,7 +182,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/freya/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import FreyaLogo from '@/components/template/logo/FreyaLogo.vue'; import FreyaLogo from '@/components/template/logo/FreyaLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
freyaData: { freyaData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: FreyaLogo, logo: markRaw(FreyaLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-pattern.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-dashboard1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-dashboard2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/freya/freya-hero-dashboard2.png',
@ -38,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://freya.primevue.org/documentation', documentLink: 'https://freya.primevue.org/documentation',
@ -62,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -126,7 +127,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite', title: 'Vue based on Vite',
@ -135,7 +136,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -175,7 +176,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/poseidon/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import PoseidonLogo from '@/components/template/logo/PoseidonLogo.vue'; import PoseidonLogo from '@/components/template/logo/PoseidonLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
poseidonData: { poseidonData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: PoseidonLogo, logo: markRaw(PoseidonLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/hero-background.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/hero-background.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/poseidon/poseidon-hero-dashboard2.png',
@ -38,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://poseidon.primevue.org/documentation/', documentLink: 'https://poseidon.primevue.org/documentation/',
@ -62,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -106,7 +107,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite', title: 'Vue based on Vite',
@ -115,7 +116,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -145,7 +146,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/sakai/index.vue
View File

@ -12,6 +12,7 @@ import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue'; import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import SakaiLogo from '@/components/template/logo/SakaiLogo.vue'; import SakaiLogo from '@/components/template/logo/SakaiLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -19,10 +20,10 @@ export default {
sakaiData: { sakaiData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: SakaiLogo, logo: markRaw(SakaiLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-pattern.png',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-dashboard1.png',
dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-dashboard2.png', dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/sakai/sakai-hero-dashboard2.png',
@ -40,7 +41,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -58,7 +59,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -91,7 +92,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite and Nuxt', title: 'Vue based on Vite and Nuxt',
@ -100,7 +101,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -130,7 +131,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/ultima/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import UltimaLogo from '@/components/template/logo/UltimaLogo.vue'; import UltimaLogo from '@/components/template/logo/UltimaLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
ultimaData: { ultimaData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: UltimaLogo, logo: markRaw(UltimaLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/ultima/ultima-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/ultima/ultima-hero-pattern.png',
description: description:
'A highly customizable premium application template featuring 4 menu modes, 13 themes, light and dark modes. Based on material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.', 'A highly customizable premium application template featuring 4 menu modes, 13 themes, light and dark modes. Based on material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.',
@ -39,7 +40,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://ultima.primevue.org/documentation/', documentLink: 'https://ultima.primevue.org/documentation/',
@ -63,7 +64,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -127,7 +128,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite', title: 'Vue based on Vite',
@ -136,7 +137,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -176,7 +177,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {

15
apps/showcase/pages/templates/verona/index.vue
View File

@ -13,6 +13,7 @@ import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAni
import TemplateHero from '@/components/template/TemplateHero.vue'; import TemplateHero from '@/components/template/TemplateHero.vue';
import TemplateLicense from '@/components/template/TemplateLicense.vue'; import TemplateLicense from '@/components/template/TemplateLicense.vue';
import VeronaLogo from '@/components/template/logo/VeronaLogo.vue'; import VeronaLogo from '@/components/template/logo/VeronaLogo.vue';
import { markRaw } from 'vue';
export default { export default {
data() { data() {
@ -20,10 +21,10 @@ export default {
veronaData: { veronaData: {
components: [ components: [
{ {
name: TemplateHero, name: markRaw(TemplateHero),
props: { props: {
templateHeroData: { templateHeroData: {
logo: VeronaLogo, logo: markRaw(VeronaLogo),
pattern: 'https://primefaces.org/cdn/primevue/images/templates/verona/verona-hero-pattern.png', pattern: 'https://primefaces.org/cdn/primevue/images/templates/verona/verona-hero-pattern.png',
description: 'Prepare to be amazed by the remastered Verona for PrimeVue featuring a new gorgeous dark mode for the entire layout, 2 menu modes, reusable css widgets, utilities, modern icons and many more.', description: 'Prepare to be amazed by the remastered Verona for PrimeVue featuring a new gorgeous dark mode for the entire layout, 2 menu modes, reusable css widgets, utilities, modern icons and many more.',
dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/verona/verona-hero-dashboard1.png', dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/verona/verona-hero-dashboard1.png',
@ -38,7 +39,7 @@ export default {
} }
}, },
{ {
name: TemplateLicense, name: markRaw(TemplateLicense),
props: { props: {
license: { license: {
documentLink: 'https://verona.primevue.org/documentation', documentLink: 'https://verona.primevue.org/documentation',
@ -62,7 +63,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
title: 'Features', title: 'Features',
featuresData: [ featuresData: [
@ -117,7 +118,7 @@ export default {
} }
}, },
{ {
name: TemplateConfiguration, name: markRaw(TemplateConfiguration),
props: { props: {
configurationData: { configurationData: {
title: 'Vue based on Vite', title: 'Vue based on Vite',
@ -126,7 +127,7 @@ export default {
} }
}, },
{ {
name: TemplateFeaturesAnimation, name: markRaw(TemplateFeaturesAnimation),
props: { props: {
featuresData: [ featuresData: [
{ {
@ -165,7 +166,7 @@ export default {
} }
}, },
{ {
name: TemplateFeatures, name: markRaw(TemplateFeatures),
props: { props: {
featuresData: [ featuresData: [
{ {