import { defineStore } from 'pinia'
import { ref, watch } from 'vue'

export type ContentSourceId = 'indeehub' | 'topdocfilms'

const STORAGE_KEY = 'indeedhub:content-source'

export const useContentSourceStore = defineStore('contentSource', () => {
  const saved = localStorage.getItem(STORAGE_KEY) as ContentSourceId | null
  const activeSource = ref<ContentSourceId>(saved === 'topdocfilms' ? 'topdocfilms' : 'indeehub')

  // Persist to localStorage on change
  watch(activeSource, (v) => {
    localStorage.setItem(STORAGE_KEY, v)
  })

  function setSource(source: ContentSourceId) {
    activeSource.value = source
  }

  function toggle() {
    activeSource.value = activeSource.value === 'indeehub' ? 'topdocfilms' : 'indeehub'
  }

  return { activeSource, setSource, toggle }
})