useSider.ts

import { computed } from 'vue'

import { useStore } from '@/store'
import { SET_SIDER_STATUS } from '@/store/mutation-type'

export default function useSider() {
  const store = useStore()

  const isCollapsed = computed(() => store.state.isSiderCollapsed)

  const openSider = () => {
    store.commit(SET_SIDER_STATUS, false)
  }

  const closeSider = () => {
    store.commit(SET_SIDER_STATUS, true)
  }

  return { isCollapsed, openSider, closeSider }
}