Vue.js: How to use useLocalStorage from VueUse?

1<script setup>
2import { useLocalStorage } from "@vueuse/core"
3
4// Basic usage
5const theme = useLocalStorage("theme", "light")
6
7// Update value
8theme.value = "dark"
9
10// With serializer
11const user = useLocalStorage("user", {
12    name: "John",
13    age: 25
14})
15</script>
16
17<template>
18    <div>
19        <p>Theme: {{ theme }}</p>
20        <button @click="theme = theme === 'light' ? 'dark' : 'light'">
21            Toggle
22        </button>
23    </div>
24</template>