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

@@ -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;
         },
     },
 });