primevue-mirror/apps/showcase/doc/vite/StyledModeDoc.vue

30 lines
721 B
Vue
Raw Normal View History

2024-05-27 09:56:08 +00:00
<template>
<DocSectionText v-bind="$attrs">
<p>Styled mode provides pre-skinned components, default theme is Aura with emerald as the primary color. See the <NuxtLink to="/theming/styled">styled mode</NuxtLink> documentation for details.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
import { createApp } from 'vue';
import PrimeVue from 'primevue/config';
2024-06-11 12:21:12 +00:00
import Aura from '@primevue/themes/aura';
2024-05-27 09:56:08 +00:00
const app = createApp(App);
app.use(PrimeVue, {
theme: {
preset: Aura
}
});
`
}
};
}
};
</script>