🐳 Adds dockerfile

web/pages/index.vue

@@ -47,7 +47,7 @@
                 :color="locked ? 'primary' : 'secondary'"
                 variant="solid"
                 class="flex items-center justify-center w-full h-10"
-                @click="() => (locked = !locked)"
+                @click="toggleLock"
             >
                 {{ locked ? "Unlock" : "Lock" }}
             </UButton>
@@ -87,14 +87,44 @@
 
 <script lang="ts" setup>
 const token = useToken()
+
 const open = ref(true)
 const locked = ref(true)
 const alert = ref(false)
 
+const toast = useToast()
+
+async function toggleLock() {
+    const desired = !locked.value
+    await $fetch(useAPI("/lock"), {
+        method: "POST",
+        headers: useHeaders(),
+        body: {
+            locked: desired,
+        },
+        onRequestError: handleRequestError,
+        onResponse: handleResponse(() => {
+            toast.add({
+                title: `The door was ${desired ? "locked" : "unlocked"}`,
+                color: "success",
+            })
+            locked.value = desired
+        }),
+    })
+}
+
 onMounted(() => {
     if (!token.value) {
         return navigateTo("/token")
     }
-    console.log(token.value)
+
+    $fetch(useAPI("/lock"), {
+        method: "GET",
+        headers: useHeaders(),
+        onRequestError: handleRequestError,
+        onResponse: handleResponse(async (response) => {
+            console.log("god: ", await response.json())
+        }),
+    })
 })
 </script>