mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 17:32:36 +00:00
Update doc
This commit is contained in:
parent
27eb773d30
commit
ed7fafdc4f
4 changed files with 6 additions and 6 deletions
|
@ -59,7 +59,7 @@ const getVueApp = (props = {}, sourceType) => {
|
||||||
if (embedded) {
|
if (embedded) {
|
||||||
// main.js
|
// main.js
|
||||||
unstyled += `, unstyled: true, pt: Tailwind`;
|
unstyled += `, unstyled: true, pt: Tailwind`;
|
||||||
imports += `import Tailwind from 'primevue/tailwind';
|
imports += `import Tailwind from 'primevue/passthrough/tailwind';
|
||||||
import ThemeSwitcher from './components/ThemeSwitcher.vue';`;
|
import ThemeSwitcher from './components/ThemeSwitcher.vue';`;
|
||||||
element += `app.component('ThemeSwitcher', ThemeSwitcher);`;
|
element += `app.component('ThemeSwitcher', ThemeSwitcher);`;
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>The complete API of the Tailwind theme at <i>primevue/tailwind</i> with the default values as a reference.</p>
|
<p>The complete API of the Tailwind theme at <i>primevue/passthrough/tailwind</i> with the default values as a reference.</p>
|
||||||
</DocSectionText>
|
</DocSectionText>
|
||||||
<div class="overflow-auto" style="height: 40rem">
|
<div class="overflow-auto" style="height: 40rem">
|
||||||
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
|
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
|
||||||
|
|
|
@ -52,7 +52,7 @@ export default {
|
||||||
code2: {
|
code2: {
|
||||||
basic: `import {createApp} from "vue";
|
basic: `import {createApp} from "vue";
|
||||||
import PrimeVue from "primevue/config";
|
import PrimeVue from "primevue/config";
|
||||||
import Tailwind from "primevue/tailwind";
|
import Tailwind from "primevue/passthrough/tailwind";
|
||||||
|
|
||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<DocSectionText v-bind="$attrs">
|
<DocSectionText v-bind="$attrs">
|
||||||
<p>
|
<p>
|
||||||
This section assumes that Tailwind is already available in your application, if not visit the Tailwind CSS <a href="https://tailwindcss.com/docs/installation/framework-guides">framework guides</a> like Vite or Nuxt for the installation.
|
This section assumes that Tailwind is already available in your application, if not visit the Tailwind CSS <a href="https://tailwindcss.com/docs/installation/framework-guides">framework guides</a> like Vite or Nuxt for the installation.
|
||||||
The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/tailwind</i> path and then defined during setup. Since the theme
|
The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/passthrough/tailwind</i> path and then defined during setup.
|
||||||
is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
|
Since the theme is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
|
||||||
</p>
|
</p>
|
||||||
<DocSectionCode :code="code1" hideToggleCode hideCodeSandbox hideStackBlitz />
|
<DocSectionCode :code="code1" hideToggleCode hideCodeSandbox hideStackBlitz />
|
||||||
<p>
|
<p>
|
||||||
|
@ -22,7 +22,7 @@ export default {
|
||||||
code1: {
|
code1: {
|
||||||
basic: `import {createApp} from "vue";
|
basic: `import {createApp} from "vue";
|
||||||
import PrimeVue from "primevue/config";
|
import PrimeVue from "primevue/config";
|
||||||
import Tailwind from "primevue/tailwind";
|
import Tailwind from "primevue/passthrough/tailwind";
|
||||||
|
|
||||||
const app = createApp(App);
|
const app = createApp(App);
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue