vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Embedded unstyled mode demo updates

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-07-25 22:30:22 +03:00
parent f99d90bbe6
commit daaec94637
4 changed files with 115 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/doc/DocSectionCode.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="relative doc-section-code">
<div v-if="!embedded" class="relative doc-section-code">
<div class="flex surface-card align-items-center justify-content-end absolute z-1" :style="{ right: '.75rem', top: '.75rem', gap: '.75rem' }">
<template v-if="codeMode !== 'basic' && !hideToggleCode">
<Button
@ -111,6 +111,7 @@
</code></pre>
</template>
</div>
<div v-else id="embed"></div>
</template>
<script>
@ -154,6 +155,10 @@ export default {
importCode: {
type: Boolean,
default: false
},
embedded: {
type: Boolean,
default: false
}
},
data() {
@ -162,6 +167,9 @@ export default {
codeLang: this.code['options'] ? 'composition' : 'basic'
};
},
mounted() {
this.embedded && useStackBlitz(this.codeLang, this.code['composition'], this.service, this.code.pages, this.dependencies, this.component, this.extFiles, this.embedded);
},
methods: {
toggleCodeMode(content) {
this.codeMode = this.codeMode === 'basic' ? content : 'basic';