From 29488d6a785c500ac718f80609f7b16f11fa40c1 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Fri, 12 Dec 2025 21:51:04 +0100
Subject: [PATCH] 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>
---
 .../src/components/PersonalSettings.vue                   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue
index 61300d47047..c10b9091cdc 100644
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@@ -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>