From 5079f9badb9e922b7e4f40998047d2676e613b22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ignacio=20Escribano?=
 <jiep@users.noreply.github.com>
Date: Sat, 28 Dec 2024 16:35:35 +0000
Subject: [PATCH 1/5] Add version to frontend

---
 src/App.vue                    |  4 ++++
 src/components/Footer.vue      | 17 +++++++++++++++++
 src/components/MetroMadrid.vue |  4 ++--
 vite.config.ts                 |  3 +++
 4 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Footer.vue

diff --git a/src/App.vue b/src/App.vue
index c0c4db7e..51297075 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,15 +2,19 @@
 .app.flex.flex-col.bg-gray-300.bg-contain.bg-center.overflow-x-auto.h-screen(class="md:w-screen")
   NavBar/
   router-view/
+  FooterVersion/
 </template>
 
 <script lang="ts">
 import NavBar from '@/components/NavBar.vue'
+import FooterVersion from '@/components/Footer.vue'
 
 export default {
   name: 'HomeView',
   components: {
     NavBar,
+    FooterVersion
   },
+
 }
 </script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
new file mode 100644
index 00000000..66635174
--- /dev/null
+++ b/src/components/Footer.vue
@@ -0,0 +1,17 @@
+<template lang="pug">
+footer.py-2.text-center.text-gray-900
+    p.text-xs v{{version}}
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'NavBar',
+  setup() {
+    const version = __APP_VERSION__;
+    return { version };
+  },
+})
+</script>
+
diff --git a/src/components/MetroMadrid.vue b/src/components/MetroMadrid.vue
index 804e8606..07d0430f 100644
--- a/src/components/MetroMadrid.vue
+++ b/src/components/MetroMadrid.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.opacity-90.h-full(class="md:flex md:overflow-y-auto")
+.opacity-90(class="md:flex md:overflow-y-auto")
   section.flex.m-4.justify-center.items-center
     form.bg-gray-50.shadow-xl.rounded-lg.p-4.w-full(class="md:p-8")
       label.block.mb-4
@@ -20,7 +20,7 @@
           LoadingIcon.fill-white.w-4.animate-spin(v-if="isLoading")
 
   section.flex.flex-1.m-4
-    .bg-gray-50.shadow-xl.rounded-lg.p-4.w-full.mb-4(class="md:h-full md:p-8")
+    .bg-gray-50.shadow-xl.rounded-lg.p-4.w-full(class="md:h-full md:p-8")
       template(v-if="clicked")
         .flex.flex-col(class="md:h-full md:overflow-y-auto")
           StatsItem.bg-gray-50(:from="metro.getStationById(selectedOrigin).getName()",
diff --git a/vite.config.ts b/vite.config.ts
index a0328eea..01d1babf 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -94,4 +94,7 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url))
     },
   },
+  define: {
+    __APP_VERSION__: JSON.stringify(version),
+  },
 })

From a6c723d2cadea2f9f63fe04b7c7e33c4ac2f238d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ignacio=20Escribano?=
 <jiep@users.noreply.github.com>
Date: Sat, 28 Dec 2024 16:36:58 +0000
Subject: [PATCH 2/5] Fix format

---
 src/App.vue               | 3 +--
 src/components/Footer.vue | 5 ++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 51297075..b7a016d6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,8 +13,7 @@ export default {
   name: 'HomeView',
   components: {
     NavBar,
-    FooterVersion
+    FooterVersion,
   },
-
 }
 </script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 66635174..870b2afa 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -9,9 +9,8 @@ import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'NavBar',
   setup() {
-    const version = __APP_VERSION__;
-    return { version };
+    const version = __APP_VERSION__
+    return { version }
   },
 })
 </script>
-

From e12ed5027f5ea64566ebfbf207d7b673e5fd3448 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ignacio=20Escribano?=
 <jiep@users.noreply.github.com>
Date: Sat, 28 Dec 2024 16:42:45 +0000
Subject: [PATCH 3/5] Fix error TS2304: Cannot find name '__APP_VERSION__'

---
 env.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/env.d.ts b/env.d.ts
index 11f02fe2..54eaa072 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __APP_VERSION__: string

From c9555a7afbd29aaec173a34d54761290c72fcb6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ignacio=20Escribano?=
 <jiep@users.noreply.github.com>
Date: Sat, 28 Dec 2024 16:50:40 +0000
Subject: [PATCH 4/5] Update color and padding

---
 src/components/Footer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 870b2afa..97392366 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
-footer.py-2.text-center.text-gray-900
-    p.text-xs v{{version}}
+footer.text-center.text-white
+  p.text-xs v{{version}}
 </template>
 
 <script lang="ts">

From 7b935d0b26ffd20f63c0bf93138034df86b16b0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ignacio=20Escribano?=
 <jiep@users.noreply.github.com>
Date: Sat, 28 Dec 2024 16:51:39 +0000
Subject: [PATCH 5/5] Bump version v1.5.1

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d8a5024b..ba2415e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ts-metro",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ts-metro",
-      "version": "1.5.0",
+      "version": "1.5.1",
       "dependencies": {
         "vue": "3.5.13",
         "vue-router": "4.5.0"
diff --git a/package.json b/package.json
index 2fa992dc..8039466f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ts-metro",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "type": "module",
   "scripts": {
     "dev": "vite",