fixed event access docs

Author: jonasjabari

docs/built-in-reactivity/call-server-side-actions/action-component-api.md

@@ -380,7 +380,7 @@ class ExamplePage < Matestack::Ui::Page
     end
     # different async behavior
     toggle show_on: 'my_action_success', hide_after: 300 do
-      plain '{{ event.data.message }}'
+      plain '{{ vc.event.data.message }}'
     end
   end
 
@@ -413,11 +413,11 @@ class ExamplePage < Matestack::Ui::Page
     end
     # success message, initially hidden and removed after 300ms
     toggle show_on: 'my_action_success', hide_after: 300 do
-      plain '{{ event.data.message }}'
+      plain '{{ vc.event.data.message }}'
     end
     # failure message, initially hidden and removed after 300ms
     toggle show_on: 'my_action_failure', hide_after: 300 do
-      plain '{{ event.data.message }}'
+      plain '{{ vc.event.data.message }}'
     end
   end
 
@@ -467,10 +467,10 @@ class ExampleApp::ExampleLayout < Matestack::Ui::Layout
         end
       end
       toggle show_on: 'my_action_success', hide_after: 300 do
-        plain '{{ event.data.message }}'
+        plain '{{ vc.event.data.message }}'
       end
       toggle show_on: 'my_action_failure', hide_after: 300 do
-        plain '{{ event.data.message }}'
+        plain '{{ vc.event.data.message }}'
       end
     end
   end

docs/built-in-reactivity/reactive-forms/form-component-api.md

@@ -442,7 +442,7 @@ def response
   end
   # somewhere else or within the form:
   toggle show_on: :form_failed, hide_on: :form_succeeded do
-    plain "{{event.data.message}}"
+    plain "{{vc.event.data.message}}"
   end
 end
 
@@ -459,7 +459,7 @@ def my_form_config
 end
 ```
 
-The `matestack_form` component emits the event together with all errors and the message coming from the server's response. The `toggle` component can then access all this data via `event.data.xyz`
+The `matestack_form` component emits the event together with all errors and the message coming from the server's response. The `toggle` component can then access all this data via `vc.event.data.xyz`
 
 ## Loading state
 
@@ -604,8 +604,8 @@ class ExamplePage < Matestack::Ui::Page
       button 'Submit me!'
     end
     toggle show_on: 'my_form_failure' do
-      plain "{{event.data.message}}"
-      plain "{{event.data.errors}}"
+      plain "{{vc.event.data.message}}"
+      plain "{{vc.event.data.errors}}"
     end
   end
 
@@ -643,11 +643,11 @@ class ExampleApp::Layout < Matestack::Ui::Layout
         end
       end
       toggle show_on: 'my_form_success', hide_after: 300 do
-        plain "{{event.data.message}}"
+        plain "{{vc.event.data.message}}"
       end
       toggle show_on: 'my_form_failure', hide_after: 300 do
-        plain "{{event.data.message}}"
-        plain "{{event.data.errors}}"
+        plain "{{vc.event.data.message}}"
+        plain "{{vc.event.data.errors}}"
       end
     end
   end

docs/built-in-reactivity/reactive-forms/overview.md

@@ -176,10 +176,10 @@ This will render static texts "Yeah! It worked!" or "Damn! Somenthing went wrong
 ```ruby
 # ...
 toggle show_on: "submitted", hide_after: 5000 do
-  span class: "some-success-styling", text: "Yeah! {{ event.data.message }}"
+  span class: "some-success-styling", text: "Yeah! {{ vc.event.data.message }}"
 end
 toggle show_on: "failed", hide_after: 5000 do
-  span class: "some-error-styling", text: "Damn! {{ event.data.message }}"
+  span class: "some-error-styling", text: "Damn! {{ vc.event.data.message }}"
 end
 # ...
 ```

docs/built-in-reactivity/toggle-ui-states/toggle-component-api.md

@@ -142,7 +142,7 @@ class ExamplePage < Matestack::Ui::Page
   def response
     toggle show_on: 'my_event' do
       div id: 'my-div' do
-        plain "{{event.data.message}}"
+        plain "{{vc.event.data.message}}"
       end
     end
   end