fix: success message not rendered

components/base/UForm.vue

@@ -58,7 +58,8 @@ watch(
 		<div class="mb-4">
 			<VAlert v-if="error" type="error">Oops! {{ error }}</VAlert>
 			<VAlert v-if="form.on_success === 'message' && success" type="success">
-				{{ form.success_message ?? 'Success! Your form has been submitted.' }}
+				<div v-if="form.success_message" v-dompurify-html="form.success_message"></div>
+				<p v-else>Success! Your form has been submitted.</p>
 			</VAlert>
 		</div>
 		<div>

package.json

@@ -48,7 +48,8 @@
 		"stripe": "^16.5.0",
 		"uuid": "^10.0.0",
 		"v-perfect-signature": "^1.4.0",
-		"vue": "^3.4.34"
+		"vue": "^3.4.34",
+		"vue-dompurify-html": "^5.1.0"
 	},
 	"packageManager": "[email protected]",
 	"engines": {

plugins/dompurify-html.ts

@@ -0,0 +1,5 @@
+import VueDOMPurifyHTML from 'vue-dompurify-html';
+
+export default defineNuxtPlugin((nuxtApp) => {
+	nuxtApp.vueApp.use(VueDOMPurifyHTML);
+});