useState — in-memory state. useCookie — persistent state.
useState:
1<script setup>2// Lost on refresh3const count = useState("count", () => 0)4count.value++5</script>
useCookie:
1<script setup>2// Persists across refresh3const theme = useCookie("theme", {4 default: () => "light"5})6</script>
Key differences: