18 - useLocalStorage

[geek4ctrl]

// your answers

<script setup lang='ts'> import { ref, watchEffect } from 'vue' /** * Implement the composable function * Make sure the function works correctly */ function useLocalStorage(key: string, initialValue: any) { const value = ref(localStorage.getItem(key) != undefined ? localStorage.getItem(key): initialValue); watchEffect(() => { localStorage.setItem(key, value.value) }) return value; } const counter = useLocalStorage("counter", 0) // We can get localStorage by triggering the getter: console.log(counter.value) // And we can also set localStorage by triggering the setter: const update = () => {counter.value++} </script>

Counter: {{ counter }}

Update