fix(federatedfilesharing): pre must not be a child of p

Fix the problem reported:
> [plugin vite:vue] apps/federatedfilesharing/src/components/PersonalSettings.vue: <pre> cannot be child of <p>, according to HTML specifications.
> This can cause hydration errors or potentially disrupt future functionality.

`p` only allows inline elements, but pre is none.
We either need to use `div` instead of `p` or `code` instead of `pre`.
But in this case we want a block of code, so we use `div` and inner
`<pre><code>`.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2025-12-12 21:51:04 +01:00
parent 716513164f
commit 29488d6a78

View file

@ -134,11 +134,11 @@ async function copyCloudId(): Promise<void> {
</a>
</p>
<p>
{{ t('federatedfilesharing', 'HTML Code:') }}
<div>
<p>{{ t('federatedfilesharing', 'HTML Code:') }}</p>
<br>
<pre>{{ htmlCode }}</pre>
</p>
<pre><code>{{ htmlCode }}</code></pre>
</div>
</template>
</NcSettingsSection>
</template>