chore: Backport much of #793

Author: rschristian

content/en/tutorial/01-vdom.md

@@ -195,7 +195,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

content/en/tutorial/02-events.md

@@ -60,7 +60,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };
 

content/en/tutorial/03-components.md

@@ -253,7 +253,7 @@ useRealm(function (realm) {
 
   win.console.log = function() {
     if (hasComponent && check) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

content/en/tutorial/04-state.md

@@ -160,7 +160,7 @@ useResult(function () {
       }
 
       if (Number(text2[1]) === Number(text[1]) + 1) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   }

content/en/tutorial/05-refs.md

@@ -132,7 +132,7 @@ function patch(input) {
   input.__patched = true;
   var old = input.focus;
   input.focus = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return old.call(this);
   };
 }

content/en/tutorial/07-side-effects.md

@@ -137,7 +137,7 @@ useRealm(function (realm) {
   var prevConsoleLog = win.console.log;
   win.console.log = function(m, s) {
     if (/Count is now/.test(m) && s === 1) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
     return prevConsoleLog.apply(win.console, arguments);
   };

content/en/tutorial/08-keys.md

@@ -306,7 +306,7 @@ useRealm(function (realm) {
       /learn preact/i.test(c[0].textContent) &&
       /make an awesome app/i.test(c[1].textContent)
     ) {
-      store.setState({ solved: true });
+      solutionCtx.setSolved(true);
     }
   }
 

content/en/tutorial/09-error-handling.md

@@ -97,7 +97,7 @@ useResult(function(result) {
     oe.apply(this, arguments);
     setTimeout(function() {
       if (result.output.textContent.match(/error/i)) {
-        store.setState({ solved: true });
+        solutionCtx.setSolved(true);
       }
     }, 10);
   };

content/kr/tutorial/01-vdom.md

@@ -144,7 +144,7 @@ useResult(function(result) {
   var p = result.output.querySelector('p');
   var hasColor = p && p.style && p.style.color === 'purple';
   if (hasEm && hasColor) {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
   }
 }, []);
 ```

content/kr/tutorial/02-events.md

@@ -53,7 +53,7 @@ useRealm(function (realm) {
   var win = realm.globalThis;
   var prevConsoleLog = win.console.log;
   win.console.log = function() {
-    store.setState({ solved: true });
+    solutionCtx.setSolved(true);
     return prevConsoleLog.apply(win.console, arguments);
   };