From 6108d09c4c5317bd3b19d09a351844470aa45dd9 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 23:35:06 +0100
Subject: [PATCH] computed properties are as the name says computed

since the :class parameter awaits true and false I can compute those
directly inside the computed properties.
---
 basics-assignment-4-problem/app.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/basics-assignment-4-problem/app.js b/basics-assignment-4-problem/app.js
index b14fcc8..8bdc975 100644
--- a/basics-assignment-4-problem/app.js
+++ b/basics-assignment-4-problem/app.js
@@ -3,28 +3,24 @@
 const app = Vue.createApp({
     data() {
         return {
-            user1: false,
-            user2: false,
             inputClass: "",
             paragraphVisible: true,
-            paragraphHidden: false,
             inputColor: "",
         };
     },
     computed: {
         classFromUserInput() {
             return {
-                user1: this.user1,
-                user2: this.user2,
+                user1: this.inputClass === "user1",
+                user2: this.inputClass === "user2",
                 visible: this.paragraphVisible,
-                hidden: this.paragraphHidden,
+                hidden: !this.paragraphVisible,
             };
         },
     },
     methods: {
         toggleParagraphVisibility() {
             this.paragraphVisible = !this.paragraphVisible;
-            this.paragraphHidden = !this.paragraphHidden;
         },
     },
 });