`, and others, you can override the default rendering components used by the Nuxt Strapi Blocks Renderer. This flexibility allows you to tailor the rendering to align with your project's unique design and functional needs. #### Global Component Registration First, ensure that your components are globally registered in your Nuxt app. This step is crucial for your custom components to be recognized and used by the renderer. In your Nuxt configuration (`nuxt.config.{js|ts}`), add: ```ts export default defineNuxtConfig({ components: { dirs: [ { path: '~/components/blocks', pathPrefix: false, global: true, }, ], }, }) ``` #### Customizing the Paragraph Tag To customize the rendering of the paragraph (`

`) tag, you need to create a corresponding Vue component. The name of the component follows a predefined pattern: `'StrapiBlocksText' + [NodeName] + 'Node.vue'`. To override the default paragraph tag, we create a file called `StrapiBlocksTextParagraphNode.vue`. ```html ``` This component assigns a custom class `my-custom-class-for-p` to the paragraph tag, which can be styled as needed. The prefix for the custom components can be adjusted in your `nuxt.config.{js|ts}`: ```ts export default defineNuxtConfig({ strapiBlocksRenderer: { prefix: 'MyCustomPrefix', blocksPrefix: 'MyCustomBlocksPrefix', }, }) ``` With this configuration, the `StrapiBlocksText` component becomes `MyCustomPrefixStrapiBlocksText` and the custom paragraph node component would be named `MyCustomBlocksPrefixParagraphNode`. #### Other Custom Tags You can apply similar customizations to all other HTML tags used by the renderer: