feat: add cache form page

Author: Adelino Ngomacha

libs/components/Dashboard/Settings/Forms/AppForm.vue

@@ -40,8 +40,6 @@
             </div>
           </div>
 
-
-
           <div class="sm:col-span-3">
             <label for="env" class="block text-sm font-medium leading-6 text-gray-900">Redirect Urls</label>
             <div class="mt-2">
@@ -129,7 +127,6 @@
               <input id="cipher" type="text" name="cipher" placeholder="AES-256-CBC" value="aes-256-cbc" class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
             </div>
           </div>
-
         </div>
       </div>
     </div>

libs/components/Dashboard/Settings/Forms/CacheForm.vue

@@ -2,6 +2,7 @@
 import AIForm from './Forms/AIForm.vue'
 import AnalyticsForm from './Forms/AnalyticsForm.vue'
 import AppForm from './Forms/AppForm.vue'
+import CacheForm from './Forms/CacheForm.vue'
 
 const props = defineProps({
   name: String,
@@ -111,15 +112,10 @@ const pageTitle = computed < String > (() => options.find(option => option.key =
       </p>
 
       <div class="mt-10">
-        <template v-if="name === 'ai'">
-          <AIForm />
-        </template>
-        <template v-else-if="name === 'analytics'">
-          <AnalyticsForm />
-        </template>
-        <template v-else-if="name === 'app'">
-          <AppForm />
-        </template>
+        <template v-if="name === 'ai'"><AIForm /></template>
+        <template v-else-if="name === 'analytics'"><AnalyticsForm /></template>
+        <template v-else-if="name === 'app'"><AppForm /></template>
+        <template v-else-if="name === 'cache'"><CacheForm /></template>
         <template v-else>
           <div class="text-center">
             <div class="i-heroicons-cog-8-tooth text-gray-400 w-12 h-12 dark:text-gray-200 transition-all duration-150 ease-in-out" />

libs/components/Dashboard/Settings/SettingsFormManager.vue

@@ -44,7 +44,7 @@
         <li>
           <RouterLink to="cache" class="sidebar-links group flex items-center justify-between">
             <div class="flex items-center gap-x-2">
-              <div class="i-heroicons-square-3-stack-3d text-gray-500 w-5 h-5 dark:text-gray-200 group-hover:text-gray-700 transition duration-150 ease-in-out" />
+              <div class="i-heroicons-server text-gray-500 w-5 h-5 dark:text-gray-200 group-hover:text-gray-700 transition duration-150 ease-in-out" />
               Cache
             </div>
             <div class="i-heroicons-chevron-right text-gray-500 w-5 h-5 dark:text-gray-200 group-hover:text-gray-700 transition duration-150 ease-in-out self-end" />

libs/components/Dashboard/SettingsSidebar.vue

@@ -10,7 +10,9 @@ declare module 'vue' {
     ActivityFeed: typeof import('./../../../libs/components/Dashboard/Deployments/ActivityFeed.vue')['default']
     AIForm: typeof import('./../../../libs/components/Dashboard/Settings/Forms/AIForm.vue')['default']
     Alert: typeof import('./../../../libs/components/Dashboard/Modals/Popups/Alert.vue')['default']
+    AnalyticsForm: typeof import('./../../../libs/components/Dashboard/Settings/Forms/AnalyticsForm.vue')['default']
     AppButton: typeof import('./../../../libs/components/Dashboard/Buttons/AppButton.vue')['default']
+    AppForm: typeof import('./../../../libs/components/Dashboard/Settings/Forms/AppForm.vue')['default']
     BaseModal: typeof import('./../../../libs/components/Dashboard/Modals/BaseModal.vue')['default']
     Button: typeof import('./../../../libs/components/Button.vue')['default']
     CacheForm: typeof import('./../../../libs/components/Dashboard/Settings/Forms/CacheForm.vue')['default']

resources/views/dashboard/settings/cache.vue

@@ -42,7 +42,6 @@ declare module 'vue-router/auto-routes' {
     '/requests/': RouteRecordInfo<'/requests/', '/requests', Record<never, never>, Record<never, never>>,
     '/settings/[name]': RouteRecordInfo<'/settings/[name]', '/settings/:name', { name: ParamValue<true> }, { name: ParamValue<false> }>,
     '/settings/billing': RouteRecordInfo<'/settings/billing', '/settings/billing', Record<never, never>, Record<never, never>>,
-    '/settings/cache': RouteRecordInfo<'/settings/cache', '/settings/cache', Record<never, never>, Record<never, never>>,
     '/settings/database': RouteRecordInfo<'/settings/database', '/settings/database', Record<never, never>, Record<never, never>>,
     '/settings/mail': RouteRecordInfo<'/settings/mail', '/settings/mail', Record<never, never>, Record<never, never>>,
     '/settings/queue': RouteRecordInfo<'/settings/queue', '/settings/queue', Record<never, never>, Record<never, never>>,