docs: Update some examples

examples/react/src/App.jsx

@@ -3,6 +3,7 @@ import React, { useState } from 'react'
 import { Link, Route, Switch } from 'react-router-dom'
 import logo from './logo.svg'
 import { ClientOnly } from 'vite-ssr'
+
 export default function App({ isClient, url, router, request }) {
   const baseUrl = isClient ? '' : url.origin
   const [count, setCount] = useState(0)

examples/vue/src/main.js

@@ -13,12 +13,6 @@ export default viteSSR(
 
     app.component(ClientOnly.name, ClientOnly)
 
-    // The 'initialState' is hydrated in the browser and can be used to
-    // pass it to Vuex, for example, if you prefer to rely on stores rather than page props.
-    // In the server, 'initialState' is an empty object that can be mutated. It can be
-    // passed to Vuex, or provide it to child components (see Homepage for an example).
-    app.provide('initialState', initialState)
-
     // Before each route navigation we request the data needed for showing the page.
     router.beforeEach(async (to, from, next) => {
       if (!!to.meta.state) {

examples/vue/src/pages/Homepage.vue

@@ -10,6 +10,7 @@
 <script>
 import { defineComponent, inject, ref } from 'vue'
 import { useHead } from '@vueuse/head'
+import { useContext } from 'vite-ssr/vue'
 
 export default defineComponent({
   name: 'Homepage',
@@ -28,8 +29,7 @@ export default defineComponent({
     },
   },
   async setup() {
-    // This is provided in main.js
-    const initialState = inject('initialState')
+    const { initialState } = useContext()
 
     // Hydrate from initialState, if there's anything
     const homeLocalState = ref(initialState.homeLocalState || null)