aria/FMHY-Website
1
0
Fork 0
mirror of https://github.com/fmhy/edit.git synced 2026-01-12 23:11:06 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: disable toggle starred to maintain consistency

Browse source
This commit is contained in:
NandkishorJadoun 2026-01-09 14:54:54 +05:30
parent da9cb76361
commit 61d5f2b08c
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
docs/.vitepress/theme/components/ToggleIndexes.vue
View file

@ -2,10 +2,13 @@
import { onBeforeUnmount, onMounted, ref } from 'vue' import { onBeforeUnmount, onMounted, ref } from 'vue'
import Switch from './Switch.vue' import Switch from './Switch.vue'
const isDisabled = ref(false)
const isOn = ref(false) const isOn = ref(false)
const syncState = () => { const syncState = () => {
isOn.value = document.documentElement.classList.contains('indexes-only') const root = document.documentElement
isDisabled.value = root.classList.contains('starred-only')
isOn.value = root.classList.contains('indexes-only')
} }
let observer: MutationObserver | undefined let observer: MutationObserver | undefined
@ -22,6 +25,11 @@ onMounted(syncState)
onBeforeUnmount(() => observer?.disconnect()) onBeforeUnmount(() => observer?.disconnect())
const toggleIndexes = (value: boolean) => { const toggleIndexes = (value: boolean) => {
if (isDisabled.value) {
isOn.value = document.documentElement.classList.contains('indexes-only')
return
}
const root = document.documentElement const root = document.documentElement
const enabling = value const enabling = value
const wasStarred = root.classList.contains('starred-only') const wasStarred = root.classList.contains('starred-only')
@ -47,7 +55,9 @@ const toggleIndexes = (value: boolean) => {
</script> </script>
<template> <template>
<Switch v-model="isOn" @update:modelValue="toggleIndexes" /> <Switch v-model="isOn"
:disabled="isDisabled"
:class="{ disabled: isDisabled }"@update:modelValue="toggleIndexes" />
</template> </template>
<style> <style>