docs: new demos csb

diff --git a/docs/guide/essentials/dynamic-matching.md b/docs/guide/essentials/dynamic-matching.md
index 061b22718650835314b166e2600467fec55c1a40..a7ece1b42186d01568a8df2a576b6006bd571e04 100644 (file)
--- a/docs/guide/essentials/dynamic-matching.md
+++ b/docs/guide/essentials/dynamic-matching.md
@@ -33,10 +33,10 @@ You can have multiple _params_ in the same route, and they will map to correspon
 
 In addition to `$route.params`, the `$route` object also exposes other useful information such as `$route.query` (if there is a query in the URL), `$route.hash`, etc. You can check out the full details in the [API Reference](/api/#routelocationnormalized).
 
-A working demo of this example can be found [here](https://codesandbox.io/embed/objective-dew-ogjbp?initialpath=%2Fusers%2Feduardo%2Fposts%2F1).
+A working demo of this example can be found [here](https://codesandbox.io/s/route-params-vue-router-examples-mlb14?from-embed&initialpath=%2Fusers%2Feduardo%2Fposts%2F1).
 
 <!-- <iframe
-  src="https://codesandbox.io/embed/objective-dew-ogjbp?fontsize=14&theme=light&view=preview&initialpath=%2Fusers%2Feduardo%2Fposts%2F1"
+  src="https://codesandbox.io/embed//route-params-vue-router-examples-mlb14?fontsize=14&theme=light&view=preview&initialpath=%2Fusers%2Feduardo%2Fposts%2F1"
   style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
   title="Route Params example"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"

diff --git a/docs/guide/essentials/named-views.md b/docs/guide/essentials/named-views.md
index 87dd6f6a544cbc7d32ad6b348cc143aa99fd2bb9..0fc6f0ae2c2ab13799ff3b04412fd1e76c5f8f4a 100644 (file)
--- a/docs/guide/essentials/named-views.md
+++ b/docs/guide/essentials/named-views.md
@@ -30,7 +30,7 @@ const router = createRouter({
 })
 ```
 
-A working demo of this example can be found [here](https://codesandbox.io/embed/named-views-s49go).
+A working demo of this example can be found [here](https://codesandbox.io/s/named-views-vue-router-4-examples-rd20l).
 
 ## Nested Named Views
 
@@ -86,4 +86,4 @@ Then you can achieve the layout above with this route configuration:
 }
 ```
 
-A working demo of this example can be found [here](https://codesandbox.io/s/nested-named-views-c371h?&initialpath=%2Fsettings%2Femails).
+A working demo of this example can be found [here](https://codesandbox.io/s/nested-named-views-vue-router-4-examples-re9yl?&initialpath=%2Fsettings%2Femails).

diff --git a/docs/guide/essentials/nested-routes.md b/docs/guide/essentials/nested-routes.md
index 71ad42dbaf38a16aac2d037cd3736a39e78f8e95..4f0e17e5790bb36445888278bf38af98f949258e 100644 (file)
--- a/docs/guide/essentials/nested-routes.md
+++ b/docs/guide/essentials/nested-routes.md
@@ -92,4 +92,4 @@ const routes = [
 ]
 ```
 
-A working demo of this example can be found [here](https://codesandbox.io/embed/nested-views-cmn6l?initialpath=%2Fusers%2Feduardo).
+A working demo of this example can be found [here](https://codesandbox.io/s/nested-views-vue-router-4-examples-hl326?initialpath=%2Fusers%2Feduardo).