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

update docs for browser

pull/1664/head
Tuğçe Küçükoğlu 2021-10-11 16:48:01 +03:00
parent dd1888c171
commit f0248058ef
2 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/AppDemoActions.vue
View File

@ -29,6 +29,12 @@ export default {
command: () => { command: () => {
EventBus.emit('run-demo', 'composition-api'); EventBus.emit('run-demo', 'composition-api');
} }
},
{
label: 'Browser Demo',
command: () => {
EventBus.emit('run-demo', 'browser-source');
}
} }
] ]
} }

35
src/AppDocumentation.vue
View File

@ -36,6 +36,7 @@ export default {
this.renderSource('options-api', tabs); this.renderSource('options-api', tabs);
this.renderSource('composition-api', tabs); this.renderSource('composition-api', tabs);
this.renderSource('browser-source', tabs);
if (this.service) { if (this.service) {
let serviceArr = []; let serviceArr = [];
@ -75,12 +76,44 @@ export default {
return tabs; return tabs;
}, },
renderContent(source) {
if (source.tabName === 'Browser Source') {
const _imports = source.imports ? source.imports.replaceAll('<\\/script>', '<\/script>') : '';
return `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- PrimeVue -->
<link href="https://unpkg.com/primevue@^3/resources/themes/saga-blue/theme.css" rel="stylesheet" />
<link href="https://unpkg.com/primevue@^3/resources/primevue.min.css" rel="stylesheet" />
<link href="https://unpkg.com/primeflex@2.0.0/primeflex.min.css" rel="stylesheet" />
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet" />
<!-- Dependencies -->
<script src="https://unpkg.com/vue@next"><\/script>
<script src="./core.js"><\/script>
<!-- Demo -->
<link href="./index.css" rel="stylesheet" />
${_imports}
</head>
<body>
${source.content.replace('<\\/script>', '<\/script>')}
</body>
</html>
`
}
return source.content.replace('<\\/script>', '<\/script>');
},
renderSource(sourceType, tabs) { renderSource(sourceType, tabs) {
if (this.sources && this.sources[sourceType]) { if (this.sources && this.sources[sourceType]) {
tabs.push( tabs.push(
<TabPanel key={sourceType} header={this.sources[sourceType].tabName}> <TabPanel key={sourceType} header={this.sources[sourceType].tabName}>
<pre v-code><code> <pre v-code><code>
{this.sources[sourceType].content.replace('<\\/script>', '<\/script>')} {this.renderContent(this.sources[sourceType])}
</code></pre> </code></pre>
</TabPanel> </TabPanel>
); );