fix: dropdown item is not updating

frontend/components.d.ts

@@ -172,7 +172,6 @@ declare module 'vue' {
     LoadingIndicator: typeof import('./src/components/Icons/LoadingIndicator.vue')['default']
     LostReasonModal: typeof import('./src/components/Modals/LostReasonModal.vue')['default']
     LucideCalendar: typeof import('~icons/lucide/calendar')['default']
-    LucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
     MarkAsDoneIcon: typeof import('./src/components/Icons/MarkAsDoneIcon.vue')['default']
     MaximizeIcon: typeof import('./src/components/Icons/MaximizeIcon.vue')['default']
     MenuIcon: typeof import('./src/components/Icons/MenuIcon.vue')['default']

frontend/src/components/Controls/Grid.vue

@@ -346,7 +346,6 @@ import { usersStore } from '@/stores/users'
 import { getMeta } from '@/stores/meta'
 import { createDocument } from '@/composables/document'
 import {
-  FeatherIcon,
   FormControl,
   Checkbox,
   DateTimePicker,

frontend/src/components/Settings/General/HomeActions.vue

@@ -27,7 +27,7 @@
     <!-- Fields -->
     <div class="flex flex-1 flex-col gap-4 overflow-y-auto">
       <Grid
-        v-model="settings.doc.dropdown_items"
+        v-model="document.doc.dropdown_items"
         doctype="CRM Dropdown Item"
         parentDoctype="FCRM Settings"
         parentFieldname="dropdown_items"
@@ -41,17 +41,22 @@
 <script setup>
 import Grid from '@/components/Controls/Grid.vue'
 import { ErrorMessage } from 'frappe-ui'
-import { getSettings } from '@/stores/settings'
 import { showSettings } from '@/composables/settings'
-import { ref } from 'vue'
+import { useDocument } from '@/data/document'
+import { ref, provide } from 'vue'
 
-const { _settings: settings } = getSettings()
+const { document, triggerOnChange } = useDocument(
+  'FCRM Settings',
+  'FCRM Settings',
+)
+
+provide('triggerOnChange', triggerOnChange)
 
 const emit = defineEmits(['updateStep'])
 const errorMessage = ref('')
 
 function updateSettings() {
-  settings.save.submit(null, {
+  document.save.submit(null, {
     onSuccess: () => {
       showSettings.value = false
     },