Saving user to localstorage

src/components/LoginForm.vue

@@ -1,6 +1,6 @@
 <script setup>
 import {ref} from "vue";
-import {$user} from "./users.js";
+import {$user} from "./stores/user.js";
 
 const formData = ref({username: '', password: ''})
 

src/components/scripts/user_store.js

@@ -0,0 +1,17 @@
+import {$user} from "../stores/user.js";
+
+const LOCAL_STORAGE_KEY="user"
+
+$user.subscribe(value => {
+    if(value == null) return;
+    localStorage[LOCAL_STORAGE_KEY] = JSON.stringify(value)
+})
+
+window.addEventListener('load', () => {
+    let data = localStorage[LOCAL_STORAGE_KEY]
+    if (data == null) { return }
+    data = JSON.parse(data)
+    if (data == null || data.token == null) { return }
+    if(Date.parse(data.expiresAt) < Date()) { return } // TODO: this should probably have more logic
+    $user.set(data)
+})

src/components/stores/user.js

@@ -1,3 +1,3 @@
 import { atom } from 'nanostores'
 
-export const $user = atom(null)
+export const $user = atom(null)