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:
parent
20e643261a
commit
1baecdc177
|
|
@ -48,9 +48,11 @@
|
|||
<ToolsStopImpersonation />
|
||||
|
||||
<NotificationsWrapper />
|
||||
<ClientOnly>
|
||||
<feature-base />
|
||||
<SubscriptionModal />
|
||||
<QuickRegister />
|
||||
</ClientOnly>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -19,12 +19,10 @@
|
|||
</ClientOnly>
|
||||
|
||||
<v-transition name="fade" mode="out-in">
|
||||
<!-- Auto-submit loading state -->
|
||||
<div v-if="isAutoSubmit" key="auto-submit" class="text-center p-6">
|
||||
<Loader class="h-6 w-6 text-nt-blue mx-auto" />
|
||||
</div>
|
||||
|
||||
<!-- Main form content -->
|
||||
<div v-else key="form-content">
|
||||
<div v-if="isPublicFormPage && form.is_password_protected">
|
||||
<p class="form-description text-gray-700 dark:text-gray-300 px-2">
|
||||
|
|
|
|||
Loading…
Reference in New Issue