remember warnings hide toggle

src/views/gallery/gallery-list.vue

@@ -5,7 +5,7 @@ import { type RouteRecordRaw, useRouter } from 'vue-router'
 import type { GalleryEntries, GalleryList } from './gallery'
 import { type GalleryListDefinition } from 'content/routes.js'
 import { amendVariantsWithDefaults } from './gallery-utilities'
-import { fetchAndParseYaml } from 'src/utilities/fetch'
+import { fetchAndParseYaml, storage } from 'src/utilities/fetch'
 import { getCurrentRoute } from 'src/utilities/vuetils'
 import { useRouteStore } from 'src/routes'
 
@@ -19,12 +19,15 @@ const validateVariants = (variants?: string[]) => {
   return !!variants && variants[0] !== '' ? variants : null
 }
 
-const ready = ref(false)
-const config = ref(null! as GalleryList)
 const currentRoute = getCurrentRoute()
 const routeStore = useRouteStore()
 const routeConfig = routeStore._routes[currentRoute.path] as GalleryListDefinition & RouteRecordRaw
+const globalConfig = routeStore._globals
+const storageId = `${globalConfig.id}`
 const router = useRouter()
+let config: GalleryList = null!
+
+const ready = ref(false)
 const entries = ref({} as GalleryEntries)
 const variants = ref(validateVariants(props.variants))
 const hasWarnings = ref(false)
@@ -32,7 +35,7 @@ const hideWarnings = defineModel('showWarnings', { type: Boolean })
 
 const onDisplayEntries = () => {
   ready.value = false
-  let currentEntries = config.value.entries
+  let currentEntries = config.entries
   if (!!variants.value) {
     variants.value.forEach((variant) => {
       currentEntries = amendVariantsWithDefaults(currentEntries[variant])!
@@ -75,11 +78,15 @@ const onNavigateBack = (e: Event) => {
   onDisplayEntries()
 }
 
+const onHideWarningsToggled = (event: Event) => {
+  storage.write(`${storageId}::hideWarnings`, (event.target as HTMLInputElement).checked)
+}
+
 onMounted(async () => {
-  config.value = await fetchAndParseYaml<GalleryList>(routeConfig.config)
+  config = await fetchAndParseYaml<GalleryList>(routeConfig.config)
   document.title = routeConfig.title
+  hideWarnings.value = storage.read(`${storageId}::hideWarnings`) || false
   onDisplayEntries()
-  ready.value = true
 })
 </script>
 
@@ -104,6 +111,7 @@ onMounted(async () => {
         name='warning-toggle-checkbox'
         id='warning-toggle-checkbox'
         v-model='hideWarnings'
+        @input='onHideWarningsToggled($event)'
       )
   Transition
     .gallery(