From 14780c015be5f9c5224a18d88c02bab6952739f2 Mon Sep 17 00:00:00 2001
From: Lukas Gross <lukas.gross@sap.com>
Date: Wed, 13 Jul 2022 11:07:49 +0200
Subject: [PATCH] PR Feedback #2

---
 .../StaticTokenKubeconfigSwitch.vue           | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/StaticTokenKubeconfigSwitch.vue b/frontend/src/components/StaticTokenKubeconfigSwitch.vue
index ff0cb626de..636d2e95e9 100644
--- a/frontend/src/components/StaticTokenKubeconfigSwitch.vue
+++ b/frontend/src/components/StaticTokenKubeconfigSwitch.vue
@@ -13,10 +13,10 @@ SPDX-License-Identifier: Apache-2.0
       @change="onChange"
       hide-details
     ></v-checkbox>
-    <span class="text-caption">It is <span class="font-weight-bold">not</span> the recommended method to access the shoot cluster as the static token <code>kubeconfig</code> has some security flaws associated with it.</span>
-    <p>
+    <div class="text-caption mt-1">It is <strong>not</strong> the recommended method to access the shoot cluster as the static token <code>kubeconfig</code> has some security flaws associated with it.</div>
+    <div>
       <external-link class="text-caption" url="https://github.com/gardener/gardener/blob/master/docs/usage/shoot_access.md">More information</external-link>
-    </p>
+    </div>
   </div>
 </template>
 <script>
@@ -30,23 +30,20 @@ export default {
   },
   props: {
     value: {
-      type: Boolean
+      type: Boolean,
+      required: true
     }
   },
-  data () {
-    return {
-      enableStaticTokenKubeconfig: undefined
-    }
-  },
-  methods: {
-    onChange (value) {
-      this.$emit('input', value)
-    }
-  },
-  watch: {
-    value: function (value) {
-      this.enableStaticTokenKubeconfig = value
+  computed: {
+    enableStaticTokenKubeconfig: {
+      get () {
+        return this.value
+      },
+      set (val) {
+        this.$emit('input', val)
+      }
     }
   }
+
 }
 </script>