first commit

src/components/HomeEmpty.vue

@@ -0,0 +1,17 @@
+<template>
+    <div class="flex flex-col items-center justify-center px-6 text-center whitespace-pre-wrap h-screen-80">
+
+        <DocumentArrowUpIcon class="w-12 h-12 mx-auto text-gray-400" aria-hidden="true" />
+        <h3 class="mt-2 font-bold text-gray-900 whitespace-pre-wrap text-md">
+            Cari menu? Ctrl + F
+        </h3>
+        <p class="mt-1 text-sm text-gray-600 whitespace-pre-wrap ">
+            Gunakan kombinasi tombol Ctrl + F untuk mencari menu yang kamu inginkan.
+        </p>
+
+    </div>
+</template>
+
+<script setup lang="ts">
+import { DocumentArrowUpIcon } from '@heroicons/vue/24/outline';
+</script>