Watching the parent seems to work better

src/nginxconfig/templates/domain_sections/php.vue

@@ -42,19 +42,19 @@
         computed: computedFromDefaults(defaults),   // Getters & setters for the delegated data
         watch: {
             // If the Reverse proxy is enabled, PHP will be forced off
-            '$parent.$props.data.reverseProxy.reverseProxy.computed'() { this.checkPhpEnabled(); },
+            '$parent.$props.data': {
-            php() { this.checkPhpEnabled(); },
+                handler(data) {
-        },
+                    // This might cause recursion, but seems not to
-        methods: {
+                    const state = data.reverseProxy.reverseProxy.computed;
-            checkPhpEnabled() {
+                    if (state) {
-                const state = this.$parent.$props.data.reverseProxy.reverseProxy.computed;
+                        this.$props.data.php.enabled = false;
-                if (state) {
+                        this.$props.data.php.computed = false;
-                    this.$props.data.php.enabled = false;
+                    } else {
-                    this.$props.data.php.computed = false;
+                        this.$props.data.php.enabled = true;
-                } else {
+                        this.$props.data.php.computed = this.$props.data.php.value;
-                    this.$props.data.php.enabled = true;
+                    }
-                    this.$props.data.php.computed = this.$props.data.php.value;
+                },
-                }
+                deep: true,
             },
         },
     };