feat: add composables for migration and update portal settings (#9299)

* feat: setup vuelitdate for vue 2.7

* feat: add all composables

* fix: portal settings layout

* feat: remove styles

* feat: use setup API for ListAllCategories

* chore: format ListAllCategories

* refactor: add useAlert

* feat: add track composable

* feat: update map getters

* fix: import

* feat: update edit portal locales page [wip]

* feat: migrate locales page

* feat: remove alert message ref

* chore: format EditPortalLocales

* refactor: use composiiton api for PortalCustomization

* refactor: remove color

* feat: update PortalSettingsCustomizationForm to use setup syntax

* refactor: no need to import defineEmits

* refactor: format component

* fix: update logic

* feat: migrate PortalSettingsBasicForm

* refactor: format PortalSettingsBasicForm

* refactor: migrate EditPortalCustomization to Vue 2.7

* feat: migrate EditPortalBasic to vue 2.7

* chore: revert changes to EditPortal

* fix: portal layout

* fix: width

* feat: use setup syntax

* fix: double border

* feat: return track method

* refactor: track usage

---------

Co-authored-by: Muhsin Keloth <[email protected]>
Co-authored-by: Sivin Varghese <[email protected]>

app/javascript/dashboard/routes/dashboard/helpcenter/components/Layout/SettingsLayout.vue

@@ -0,0 +1,34 @@
+<script setup>
+defineProps({
+ title: {
+ type: String,
+ default: null,
+ },
+});
+</script>
+
+<template>
+ <div
+ class="flex-grow-0 flex-shrink-0 w-full h-full max-w-full bg-white border border-transparent border-solid dark:bg-slate-900 dark:border-transparent md:max-w-2xl"
+ >
+ <h3
+ v-if="$slots.title || title"
+ class="text-lg text-black-900 dark:text-slate-200"
+ >
+ <slot name="title">{{ title }}</slot>
+ </h3>
+ <div
+ class="mx-0 my-4 border-b border-solid border-slate-25 dark:border-slate-800"
+ >
+ <slot />
+ </div>
+ <div class="flex justify-between">
+ <div>
+ <slot name="footer-left" />
+ </div>
+ <div>
+ <slot name="footer-right" />
+ </div>
+ </div>
+ </div>
+</template>