<template>
 <h1>App-innstillinger</h1>
          <form @submit.prevent="submit">

              <h2>-Matpreferanser-</h2>
              <p class ="infoText">Hvis huket av, så vil du kun få oppskrifter av disse typene:</p>

              <input type="checkbox" id="vegetar" name="vegetar" value="vegetar">
              <label for="vegetar"> vegetar </label><br>
              <input type="checkbox" id="vegan" name="vegan" value="vegan">
              <label for="vegan"> vegan </label><br>

              <br>

              <h2>-Allergener-</h2>

              <p class ="infoText">Du vil ikke få forslag om oppskrifter med disse varene:</p>

              <input type="checkbox" id="gluten" name="gluten" value="Gluten">
              <label for="allergen"> gluten</label><br>
              <input type="checkbox" id="nøtter" name="nøtter" value="nøtter">
              <label for="allergen"> nøtter</label><br>
              <input type="checkbox" id="melk" name="melk" value="melk">
              <label for="allergen"> melk</label><br>

              <button class="saveBtn" @click="saveFoodPreference">Lagre matpreferanser <br>  og allergener</button>
          </form>
</template>

<script>
export default {
    name: "AppSettings"
}
</script>

<style scoped>

</style>