fix: update state when calling mutate

src/components/gql-mutation/__tests__/__snapshots__/run-mutation/renders.expected/step-0.0.html

@@ -0,0 +1,10 @@
+<h1>
+  Messages
+</h1>
+<span />
+<span>
+  executing
+</span>
+<button>
+  Add
+</button>

src/components/gql-mutation/__tests__/__snapshots__/run-mutation/renders.expected/step-0.1.html

@@ -0,0 +1,10 @@
+<h1>
+  Messages
+</h1>
+<span>
+  Hello
+</span>
+<span />
+<button>
+  Add
+</button>

src/components/gql-mutation/index.marko

@@ -9,13 +9,15 @@ $ const { renderBody, mutation, requestPolicy } = input;
 <${renderBody}(
   (variables, options) => {
     const { client } = window.$$GQL || (window.$$GQL = createClient({}));
-    state.fetching = true;
+    component.setState("fetching", true);
     return client
       .mutation(mutation, variables, { requestPolicy, ...options })
       .toPromise()
       .then((results) => {
-        state.results = results;
-        state.fetching = false;
+        component.setState({
+          results,
+          fetching: false,
+        });
         return results;
       });
   },