la inn noen kjøleskapsapimetoder

src/stores/fridgeStore.js

+import { defineStore } from "pinia";
+
+export const useFridgeStore = defineStore("fridge", {
+    state: () => {
+        return {
+            items: []
+        };
+    },
+    persist: {
+        storage: localStorage
+    },
+    getters: {
+        getItems() {
+            return this.items;
+        },
+        getItem(state){
+            return(id) => state.items.filter(item =>
+            item.id === id)
+        }
+    },
+    actions: {
+        reset() {
+            this.$reset();
+        },
+        addToFridge(item){
+            this.items.push(item);
+        }
+    }
+});
\ No newline at end of file

src/util/API.js

@@ -115,19 +115,66 @@ export const API = {
                 .catch(err => {console.log(err)})
         })
         .catch(() => {throw new Error()})
-    }
-}
-export const API = {
+    },
+
+
     /**
-     * Fetches all fridgeItems
+     * fetches all fridge items belonging to user
+     * @returns {Promise<*>}
      */
-    getFridgeItems(){
-        return axios.get(`${import.meta.env.VITE_BACKEND_URL}/fridge`)
+    getFridgeItems: async () =>{
+        const authStore = useAuthStore();
+
+        return axios.get(`${import.meta.env.VITE_BACKEND_URL}/fridge`, {
+            headers: { Authorization: `Bearer ${authStore.token}` },
+        })
             .then((response) => {
                 return response.data;
             }).catch(() => {
-                throw new Error();
+                throw new Error("Could not fetch fridge items");
+            });
+    },
+
+    //returns fridgeItem of specific id
+    getFridgeItem: async (id) =>{
+        const authStore = useAuthStore();
+
+        return axios.get(`${import.meta.env.VITE_BACKEND_URL}/fridge/${id}`, {
+            headers: { Authorization: `Bearer ${authStore.token}` },
+        })
+            .then((response) => {
+                return response.data;
+            })
+            .catch(() => {
+                throw new Error("Could not fetch fridge item");
             });
+    },
+
+    /**
+     * Adds item(s) to the fridge
+     * @param request List<Ingredient> listOfIngredients
+     * @returns {Promise<void>}
+     */
+    addToFridge: async(request) =>{
+        const authStore = useAuthStore();
+        return axios.post(`${import.meta.env.VITE_BACKEND_URL}/fridge`, {
+            headers: { Authorization: `Bearer ${authStore.token}` },
+        }).then((response) => {
+            return response.data;
+        }).catch(()=> {
+            throw new Error("Could not add item to fridge: ");
+        })
+
+},
+
+    /**
+     * Removes x amount of item from fridge
+     * @param id id of fridgeItem
+     * @param request ... amount
+     */
+    removeFromFridge(id, request){
+        //TODO
     }
 
+
 }

src/views/FridgeView.vue

@@ -3,6 +3,7 @@
         <h1>Kjøleskap</h1><br><br>
       <eat-fridge-item-modal @closeModal="hideModal" v-if="visible" :fridge-item="selectedItem"></eat-fridge-item-modal>
         <div id = "itemContainer">
+          <FridgeItem v-for="item in fridgeStore.items"></FridgeItem>
             <!--<FridgeItem v-for="item in fridgeItems" :key="item.id" fridgeItem="item"></FridgeItem>-->
             <FridgeItem @appleBtnPressed="showModal" item-name="Melk" quantity="5" quantity-unit="dl" expiration="21.04.23"></FridgeItem>
             <FridgeItem @appleBtnPressed="showModal" item-name="Melk" quantity="5" quantity-unit="dl" expiration="22.04.23"></FridgeItem>
@@ -29,10 +30,17 @@
 import FridgeItem from "@/components/FridgeItem.vue";
 import EatFridgeItemModal from "@/components/EatFridgeItemModal.vue";
 import {API} from "@/util/API";
+import {mapState, mapStores} from "pinia";
+import {useAuthStore} from "@/stores/authStore";
+import {useFridgeStore} from "@/stores/fridgeStore";
 
 export default {
     name: "FridgeView",
     components: {EatFridgeItemModal, FridgeItem},
+    computed:{
+      ...mapState(useAuthStore, ['account']),
+      ...mapStores(useFridgeStore),
+    },
   data() {
       return {
         visible: false,