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

Service descriptions updated

pull/3815/head
Tuğçe Küçükoğlu 2023-03-28 09:38:25 +03:00
parent 8fc1db5b38
commit 53361929ec
3 changed files with 36 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
doc/confirmdialog/ConfirmationServiceDoc.vue
View File

@ -2,20 +2,30 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed as an application plugin.</p> <p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed as an application plugin.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<div class="doc-section-description">
<p><i>$confirm</i> is available as a property in the application instance for Options API. The service can be injected with the <i>useConfirm</i> function for Composition API.</p>
</div>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
code: { code1: {
basic: ` basic: `
import {createApp} from 'vue'; import {createApp} from 'vue';
import ConfirmationService from 'primevue/confirmationservice'; import ConfirmationService from 'primevue/confirmationservice';
const app = createApp(App); const app = createApp(App);
app.use(ConfirmationService);` app.use(ConfirmationService);`
},
code2: {
basic: `
import { useConfirm } from "primevue/useconfirm";
const confirm = useConfirm();`
} }
}; };
} }

14
doc/confirmpopup/ConfirmationServiceDoc.vue
View File

@ -2,20 +2,30 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed as an application plugin.</p> <p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed as an application plugin.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<div class="doc-section-description">
<p><i>$confirm</i> is available as a property in the application instance for Options API. The service can be injected with the <i>useConfirm</i> function for Composition API.</p>
</div>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
code: { code1: {
basic: ` basic: `
import {createApp} from 'vue'; import {createApp} from 'vue';
import ConfirmationService from 'primevue/confirmationservice'; import ConfirmationService from 'primevue/confirmationservice';
const app = createApp(App); const app = createApp(App);
app.use(ConfirmationService);` app.use(ConfirmationService);`
},
code2: {
basic: `
import { useConfirm } from "primevue/useconfirm";
const confirm = useConfirm();`
} }
}; };
} }

14
doc/toast/ToastServiceDoc.vue
View File

@ -2,20 +2,30 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Toast component is controlled via the <i>ToastService</i> that needs to be installed as an application plugin.</p> <p>Toast component is controlled via the <i>ToastService</i> that needs to be installed as an application plugin.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<div class="doc-section-description">
<p><i>$toast</i> is available as a property in the application instance for Options API. The service can be injected with the <i>useToast</i> function for Composition API.</p>
</div>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
code: { code1: {
basic: ` basic: `
import {createApp} from 'vue'; import {createApp} from 'vue';
import ToastService from 'primevue/toastservice'; import ToastService from 'primevue/toastservice';
const app = createApp(App); const app = createApp(App);
app.use(ToastService);` app.use(ToastService);`
},
code2: {
basic: `
import { useToast } from 'primevue/usetoast';
const toast = useToast();`
} }
}; };
} }