How to Use this on phpv8js serverside rendering with laravel?

[codeitlikemiley]

Hi im using Laravel With php v8js server side rendering

Im Kinda Stuck with Installing this...

But in my backend i have Already Some GraphQL endpoints

for example

http://multi-ssr.test/graphql?query=query+FetchUsers{users{id,email}}

Is This Applicable For My Server Side Rendering Server? Im Mean im not using Node Express

Instead Laravel and Php V8js...

My App is working with its Serverside Rendering but , i wanna try to implement this
Here is my current code

import App from '~/App.vue'
import Vue from 'vue'
import router from '~/router'
import 'Plugins'
import 'Partials'
import 'Layouts'

export default new Vue({
    router,
    render: h => h(App)
});

entry-client.js

import app from '~/app'

app.$mount('#app');

entry-server.js

import app from '~/app'
import router from '~/router'

new Promise((resolve, reject) => {
    router.push(url)
    router.onReady(() => {
        const matchedComponents = router.getMatchedComponents()
        if (!matchedComponents.length) {
            return reject({ code: 404 })
        }
        resolve(app)
    }, reject)
})
    .then(app => {
        renderVueComponentToString(app, (err, res) => {
            //! Uncomment For Debugging when Laravel Thrown an Error
            // print(err)

            print(res)
        });
    })
    .catch((err) => {
        print(err)
    });

AppController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\File;
use SEO;
use SEOMeta;

class AppController extends Controller
{
    private function render($path) {
        $renderer_source = File::get(base_path('node_modules/vue-server-renderer/basic.js'));
        $app_source = File::get(public_path('js/entry-server.js'));
        
        $v8 = new \V8Js();

        ob_start();

        $js =
<<<EOT
var process = { env: { VUE_ENV: "server", NODE_ENV: "production" } }; 
this.global = { process: process }; 
var url = "$path";
EOT;

        $v8->executeString($js);
        $v8->executeString($renderer_source);
        $v8->executeString($app_source);

        return ob_get_clean();
    }

    public function get(Request $request) {
        //! add here a logic to determine what SEO Meta to use
        //! Either by Model , we fetched the Meta in db
        SEO::setTitle('Home');
        SEO::setDescription('Home Page');
        SEO::opengraph()->setUrl('http://current.url.com');
        SEO::setCanonical('http://current.url.com');
        SEO::opengraph()->addProperty('type', 'articles');
        SEO::twitter()->setSite('@test');
        SEOMeta::addMeta('article:published_time', \Carbon\Carbon::now()->toDateString(), 'property');
        //! use for pagination
        // \SEOMeta::setPrev($url);
        // \SEOMeta::setNext($url);
        $ssr = $this->render($request->path());
        //! SEO
        return view('app', ['ssr' => $ssr]);
    }
}

Routes
web.php

Route::get('/', 'AppController@get');

Of Course i have the following route installed using folklore/grapql

+--------+----------+----------------------------+--------------------+---------------------------------------------+--------------+
| Domain | Method   | URI                        | Name               | Action                                      | Middleware   |
+--------+----------+----------------------------+--------------------+---------------------------------------------+--------------+
|        | GET|HEAD | /                          |                    | App\Http\Controllers\AppController@get      | web          |
|        | GET|HEAD | about                      |                    | App\Http\Controllers\AppController@get      | web          |
|        | GET|HEAD | api/user                   |                    | Closure                                     | api,auth:api |
|        | GET|HEAD | contact                    |                    | App\Http\Controllers\AppController@get      | web          |
|        | GET|HEAD | graphiql/{graphql_schema?} | graphql.graphiql   | Folklore\GraphQL\GraphQLController@graphiql |              |
|        | GET|HEAD | graphql/{graphql_schema?}  | graphql.query      | Folklore\GraphQL\GraphQLController@query    |              |
|        | POST     | graphql/{graphql_schema?}  | graphql.query.post | Folklore\GraphQL\GraphQLController@query    |              |
+--------+----------+----------------------------+--------------------+---------------------------------------------+--------------+

[codeitlikemiley]

I keep Getting Error like this If I do the normal installation of vue-apollo

import App from '~/App.vue'
import Vue from 'vue'
import router from '~/router'
import 'Plugins'
import 'Partials'
import 'Layouts'
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
import VueApollo from 'vue-apollo'

const httpLink = new HttpLink({
    // You should use an absolute URL here
    uri: 'http://multi-ssr.test/graphql'
})
    
const apolloClient = new ApolloClient({
    link: httpLink,
    cache: new InMemoryCache(),
    connectToDevTools: true
})

const apolloProvider = new VueApollo({
    defaultClient: apolloClient
})

Vue.use(VueApollo)

export default new Vue({
    router,
    apolloProvider,
    render: h => h(App)
});

V8Js::compileString():41154: Error: fetch is not found globally and no fetcher passed, to fix pass a fetch for your environment like https://www.npmjs.com/package/node-fetch. For example: import fetch from 'node-fetch'; import { createHttpLink } from 'apollo-link-http'; const link = createHttpLink({ uri: '/graphql', fetch: fetch });

Im bit confuse how i can use serverside rendering with this....

Hope someone can help me , while im trying to figure it out thanks