Editor: "Normal" header style creates an <undefined> tag instead of a <p> tag

[loic-brtd]

Describe the bug

Hi!

In the Editor component with default configuration, when applying "Normal" styling to a text, it renders as <undefined>Text</undefined> instead of <p>Text</p>.

I think this problem comes from how the default config for the Quill toolbar, which is configured here :

primevue/components/lib/editor/Editor.vue

Lines 6 to 10 in cc9fa38

	<select class="ql-header" defaultValue="0" v-bind="ptm('header')">
	<option value="1" v-bind="ptm('option')">Heading</option>
	<option value="2" v-bind="ptm('option')">Subheading</option>
	<option value="0" v-bind="ptm('option')">Normal</option>
	</select>

The value for the "Normal" style should be value="" instead of value="0", same for defaultValue="".

I didn't find any documentation about this on https://v1.quilljs.com/docs/modules/toolbar but I found an example here https://stackoverflow.com/a/56846200.

Reproducer

https://stackblitz.com/edit/primevue-issue-editor-undefined-tag?file=src%2FApp.vue

PrimeVue version

3.47.2

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

1. npm install quill@1.3.7 (v2 of Quill has breaking changes)
2. Add a PrimeVue Editor component with default config, initialized with an h2 tag and display its value on the page :

<script setup>
import { ref } from 'vue';
import Editor from 'primevue/editor';

const value = ref("<h2>Text</h2>");
</script>

<template>
  <Editor v-model="value" editorStyle="height: 80px" />
  <pre><code>{{ value }}</code></pre>
</template>

3. Select text in the editor and apply "Normal" styling to it.
4. The value is now <undefined>Text</undefined>.

Expected behavior

I expect to see : <p>Text</p> in the value.