matt
/
opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix hydratation issues. Refactor OpenCompleteForm and app.vue for Improved Component Structure 

- Wrapped `feature-base`, `SubscriptionModal`, and `QuickRegister` components in a `ClientOnly` tag within `app.vue` to enhance rendering behavior and prevent server-side rendering issues.
- Removed commented-out code in `OpenCompleteForm.vue` to clean up the component and improve readability.

These changes aim to improve the overall structure and maintainability of the components by ensuring proper rendering and clarity in the codebase.
This commit is contained in:
JhumanJ 2025-05-14 12:39:02 +02:00
parent 20e643261a
commit 1baecdc177
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/app.vue
View File

@ -48,9 +48,11 @@
<ToolsStopImpersonation /> <ToolsStopImpersonation />
<NotificationsWrapper /> <NotificationsWrapper />
<feature-base /> <ClientOnly>
<SubscriptionModal /> <feature-base />
<QuickRegister /> <SubscriptionModal />
<QuickRegister />
</ClientOnly>
</div> </div>
</template> </template>

2
client/components/open/forms/OpenCompleteForm.vue
View File

@ -19,12 +19,10 @@
</ClientOnly> </ClientOnly>
<v-transition name="fade" mode="out-in"> <v-transition name="fade" mode="out-in">
<!-- Auto-submit loading state -->
<div v-if="isAutoSubmit" key="auto-submit" class="text-center p-6"> <div v-if="isAutoSubmit" key="auto-submit" class="text-center p-6">
<Loader class="h-6 w-6 text-nt-blue mx-auto" /> <Loader class="h-6 w-6 text-nt-blue mx-auto" />
</div> </div>
<!-- Main form content -->
<div v-else key="form-content"> <div v-else key="form-content">
<div v-if="isPublicFormPage && form.is_password_protected"> <div v-if="isPublicFormPage && form.is_password_protected">
<p class="form-description text-gray-700 dark:text-gray-300 px-2"> <p class="form-description text-gray-700 dark:text-gray-300 px-2">