<template> <DocSectionText v-bind="$attrs"> <p>To start with, Ripple needs to be enabled globally. See the <NuxtLink to="/configuration/#ripple">Configuration API</NuxtLink> for details.</p> </DocSectionText> <DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz /> </template> <script> export default { data() { return { code: { basic: ` mounted() { this.$primevue.config.ripple = true; } `, options: ` mounted() { this.$primevue.config.ripple = true; } `, composition: ` import { usePrimeVue } from 'primevue/config'; const PrimeVue = usePrimeVue(); PrimeVue.config.ripple = true; ` } }; } }; </script>