primevue-mirror/doc/nuxt/configuration/ImportPTDoc.vue

48 lines
1.1 KiB
Vue

<template>
<DocSectionText v-bind="$attrs">
<p>Configures the global pass through import path.</p>
<DocSectionCode :code="code1" importCode hideToggleCode hideCodeSandbox hideStackBlitz />
<p>The path may also be a location within your application.</p>
<DocSectionCode :code="code2" importCode hideToggleCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code3" importCode hideToggleCode hideCodeSandbox hideStackBlitz />
</DocSectionText>
</template>
<script>
export default {
data() {
return {
code1: {
basic: `
primevue: {
importPT: { as: 'Tailwind', from: 'primevue/passthrough/tailwind' },
}
`
},
code2: {
basic: `
primevue: {
importPT: { as: 'MyCustomPreset', from: path.resolve(__dirname, './assets/presets/mypreset.js')}
}
`
},
code3: {
basic: `
const MyPreset = {
...
button: {
root: 'my-button',
...
},
...
}
export default MyPreset;
`
}
};
}
};
</script>