From 38f49e94cfe2a0340a30919a8ce02f40cef31706 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Mon, 20 Jan 2025 13:22:57 +0000
Subject: PWA-ify

---
 components/Input.vue | 6 ++++++
 components/Nav.vue   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'components')

diff --git a/components/Input.vue b/components/Input.vue
index 8923a97..b541566 100644
--- a/components/Input.vue
+++ b/components/Input.vue
@@ -47,6 +47,11 @@ export default {
       required: false,
       default: false,
     },
+    readonly: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     inputClass: {
       type: String,
       required: false,
@@ -66,6 +71,7 @@ export default {
     :placeholder="placeholder"
     :disabled="disabled"
     :required="required"
+    :readonly="readonly"
   />
 </template>
 
diff --git a/components/Nav.vue b/components/Nav.vue
index 872d791..6ab4c9f 100644
--- a/components/Nav.vue
+++ b/components/Nav.vue
@@ -26,7 +26,7 @@ route.afterEach(() => {
     <ul class="nav-list">
       <li v-for="item in navList" :key="item.title" :class="{ active: $route.path === item.path }">
         <NuxtLink :to="item.path">
-          <span>{{ item.title }}</span> <Spinner v-if="item.navigating" color="var(--color-text-muted)" size="16"/></NuxtLink>
+          <span>{{ item.title }}</span> <Spinner v-if="item.navigating" color="var(--color-text-muted)" :size="16"/></NuxtLink>
           
       </li>
     </ul>
-- 
cgit v1.2.3-70-g09d2