Move classes out of data selectors and into box layouts

Author: evilkermit

examples/form_disabling/view.py

@@ -29,7 +29,7 @@ def create_ui(self) -> None:
             with layout.pre_content:
                 vuetify.VBanner(
                     "The form is in an error state.",
-                    v_if="errors.data?.length > 0",
+                    v_if="data?.pydantic_errors?.length > 0",
                     color="error",
                     icon="mdi-close",
                 )
@@ -40,12 +40,12 @@ def create_ui(self) -> None:
                     InputField(v_model="data.wavelength")
                 with VBoxLayout(halign="center"):
                     vuetify.VBtn(
-                        "{{ errors.data?.length > 0 ? 'Errors Present' : 'No Errors' }}",
-                        disabled=("errors.data?.length > 0",),
+                        "{{ data?.pydantic_errors?.length > 0 ? 'Errors Present' : 'No Errors' }}",
+                        disabled=("data?.pydantic_errors?.length > 0",),
                     )
 
             with layout.post_content:
-                vuetify.VAlert("{{ errors.data }}", v_if="errors.data?.length > 0", color="error")
+                vuetify.VAlert("{{ data?.pydantic_errors }}", v_if="data?.pydantic_errors?.length > 0", color="error")
 
     def create_vm(self) -> None:
         binding = TrameBinding(self.state)

examples/form_disabling/view_model.py

@@ -11,7 +11,6 @@ class ViewModel:
     def __init__(self, model: Model, binding: BindingInterface) -> None:
         self.model = model
 
-        # self.on_update is called any time the view updates the binding.
         self.form_data_bind = binding.new_bind(self.model.form)
 
     def update_form_data(self) -> None: