const app = Vue.createApp({
  data() {
    return {
      tasks: [],
      textfeld: "",
      einblenden: true,
    };
  },
  methods: {
    addTasks() {
      this.tasks.push(this.textfeld);
      console.log(this.tasks);
    },
    einausblenden() {
      this.einblenden = !this.einblenden;
    },
  },
  computed: {
    buttonCaption() {
      // wenn die liste angezeigt wird (-> einblenden: true), dann gib "hide" zurück
      // sonst gib "show" zurück
      if (this.einblenden) {
        return "hide";
      } else {
        return "show";
      }
    },
  },
});
app.mount("#assignment");