refactor: Move searchbox preference to the searchboxstore

src/components/searchbox/NodeSearchBoxPopover.vue

@@ -63,7 +63,7 @@ let disconnectOnReset = false
 const settingStore = useSettingStore()
 const litegraphService = useLitegraphService()
 
-const { visible } = storeToRefs(useSearchBoxStore())
+const { visible, newSearchBoxEnabled } = storeToRefs(useSearchBoxStore())
 const dismissable = ref(true)
 const getNewNodeLocation = (): Point => {
   return triggerEvent
@@ -107,9 +107,6 @@ const addNode = (nodeDef: ComfyNodeDefImpl) => {
   window.requestAnimationFrame(closeDialog)
 }
 
-const newSearchBoxEnabled = computed(
-  () => settingStore.get('Comfy.NodeSearchBoxImpl') === 'default'
-)
 const showSearchBox = (e: CanvasPointerEvent) => {
   if (newSearchBoxEnabled.value) {
     if (e.pointerType === 'touch') {

src/stores/workspace/searchBoxStore.ts

@@ -1,14 +1,23 @@
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
+
+import { useSettingStore } from '@/stores/settingStore'
 
 export const useSearchBoxStore = defineStore('searchBox', () => {
+  const settingStore = useSettingStore()
+
+  const newSearchBoxEnabled = computed(
+    () => settingStore.get('Comfy.NodeSearchBoxImpl') === 'default'
+  )
+
   const visible = ref(false)
   function toggleVisible() {
     visible.value = !visible.value
   }
 
   return {
-    visible,
-    toggleVisible
+    newSearchBoxEnabled,
+    toggleVisible,
+    visible
   }
 })