<template>
  <div class="input-mask">
    <span>Ich bin InputMask.vue</span>
    <form>
      <label>
        Modulkürzel
        <input type="text" placeholder="z.B. 'IWS'" v-model="grade_form_input.kuerzel">
      </label>
      <label>
        Note
        <input type="number" min="1" max="5" placeholder="1.0" step="0.1" v-model="grade_form_input.note">
      </label>
      <label>
        Credits
        <input type="number" min="2" max="30" placeholder="5" v-model="grade_form_input.credits">
      </label>
      <button type="submit">Note Eintragen</button>
    </form>
    <List/>
  </div>
</template>

<script setup>
import {ref} from 'vue';
import List from "@/components/List.vue";

const grade_form_input = ref({
  kuerzel: "",
  note: 1.0,
  credits: 5
})

</script>

<style scoped>

</style>
