startet på popup

src/components/EatFridgeItemModal.vue

+<template>
+  <div id="popup">
+      <p>Hvor mye har du spist?</p>
+      <br>
+      <br>
+      <p>50%</p>
+      <p>|----------o-----------|</p>
+      <p>.</p>
+      <div id="buttons">
+          <button>ALT</button>
+          <button>Ingen ting</button>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+    name: "EatFridgeItemModal",
+}
+</script>
+
+<style scoped lang="scss">
+#popup {
+  background-color: turquoise;
+  color: black;
+  width: 50%;
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+
+}
+
+#buttons {
+  justify-content: center;
+  display: flex;
+}
+</style>
\ No newline at end of file

src/views/HomeView.vue

 <script setup>
 
+import EatFridgeItemModal from "@/components/EatFridgeItemModal.vue";
 </script>
 
 <template>
   <main>
+      <eat-fridge-item-modal></eat-fridge-item-modal>
       <p>HALLO</p>
   </main>
 </template>