persist perference switch open state (#280)

jay-es · yyx990803 · web-flow · commit f37fa5b0972f · 2022-02-23T21:27:25.000+09:00
Co-authored-by: Evan You &lt;yyx990803@gmail.com&gt;
diff --git a/.vitepress/theme/components/PreferenceSwitch.vue b/.vitepress/theme/components/PreferenceSwitch.vue
@@ -14,13 +14,16 @@ const show = computed(() =>
   /^\/(guide|tutorial|examples)\//.test(route.path)
 )
 const showSFC = computed(() => !/^\/guide/.test(route.path))
+
+const isOpenKey = 'keep-preference-open'
+const persistedOpenState =
+  typeof localStorage !== 'undefined' && localStorage.getItem(isOpenKey)
 const isOpen = ref(
-  typeof localStorage !== 'undefined' &&
-    !localStorage.getItem(preferCompositionKey)
+  persistedOpenState ? JSON.parse(persistedOpenState) : true
 )
 
 const toggleOpen = () => {
-  isOpen.value = !isOpen.value
+  localStorage.setItem(isOpenKey, String((isOpen.value = !isOpen.value)))
 }
 
 const removeOutline = (e: Event) => {

Original file line number	Diff line number	Diff line change
`@@ -14,13 +14,16 @@ const show = computed(() =>`
`14`	`14`	`/^\/(guide\|tutorial\|examples)\//.test(route.path)`
`15`	`15`	`)`
`16`	`16`	`const showSFC = computed(() => !/^\/guide/.test(route.path))`
	`17`	`+`
	`18`	`+const isOpenKey = 'keep-preference-open'`
	`19`	`+const persistedOpenState =`
	`20`	`+ typeof localStorage !== 'undefined' && localStorage.getItem(isOpenKey)`
`17`	`21`	`const isOpen = ref(`
`18`		`- typeof localStorage !== 'undefined' &&`
`19`		`- !localStorage.getItem(preferCompositionKey)`
	`22`	`+ persistedOpenState ? JSON.parse(persistedOpenState) : true`
`20`	`23`	`)`
`21`	`24`
`22`	`25`	`const toggleOpen = () => {`
`23`		`- isOpen.value = !isOpen.value`
	`26`	`+ localStorage.setItem(isOpenKey, String((isOpen.value = !isOpen.value)))`
`24`	`27`	`}`
`25`	`28`
`26`	`29`	`const removeOutline = (e: Event) => {`