Add home page tiles

src/views/HomeView.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="container mx-auto p-4">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-5">
+      <div v-for="(category, categoryName) in tools" :key="categoryName" class="bg-white rounded-lg shadow-md p-4">
+        <h2 class="text-xl font-semibold mb-3">{{ categoryName }}</h2>
+        <div class="max-h-80 overflow-y-auto">
+          <ul class="space-y-2">
+            <li
+              v-for="(value, key) in category"
+              :key="key"
+              @click="navigateTo(key)"
+              class="bg-gray-100 rounded p-2 hover:bg-gray-200 transition-colors duration-200 cursor-pointer"
+            >
+              {{ value }}
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { useToolsStore } from "@/stores/toolsStore";
+import { useRouter } from "vue-router";
+
+export default {
+  data() {
+    return {
+      tools: {},
+    }
+  },
+  setup() {
+    const router = useRouter();
+
+    const navigateTo = (routeName) => {
+      router.push({ name: routeName });
+    };
+
+    return { navigateTo };
+  },
+  mounted() {
+    this.tools = useToolsStore().tools;
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>

src/views/general/HomeView.vue

@@ -1,7 +0,0 @@
-<template>
-  /home
-</template>
-
-<style lang="scss">
-
-</style>

src/views/general/UnixTimestamp.vue

@@ -28,7 +28,7 @@
 
     <div>
       <input id="inputTimestamp" type="number" v-model="toolData.inputTimestamp" :placeholder="currentTimestamp">
-      <button @click="convertFromUnix">Convert</button>
+      <button @click="convertFromUnix">Convert ↓</button>
     </div>
   </div>
 
@@ -57,7 +57,7 @@
           <td><input type="number" v-model="toolData.inputMinute"></td>
           <td><input type="number" v-model="toolData.inputSecond"></td>
           <td>
-            <button @click="convertToUnix">Convert →</button>
+            <button @click="convertToUnix">Convert ↑</button>
           </td>
         </tr>
         </tbody>