// @refresh reload
import { Suspense } from "solid-js";
import {
Body,
ErrorBoundary,
FileRoutes,
Head,
Html,
Meta,
Routes,
Scripts,
Title,
} from "solid-start";
// Import components.
import Header from "./components/Header";
// Import style css.
import "./root.css";
import { ApolloProvider, ApolloClient, InMemoryCache } from '@merged/solid-apollo'
const client = new ApolloClient({
uri: 'https://graphql-demo.mead.io',
cache: new InMemoryCache(),
})
export default function Root() {
return (
<Html lang="en">
<Head>
<Title>SolidStart - With TailwindCSS</Title>
<Meta charset="utf-8" />
<Meta name="viewport" content="width=device-width, initial-scale=1" />
</Head>
<Body>
<ApolloProvider client={client}>
<Suspense fallback={<>App is loading…</>}>
<ErrorBoundary>
{/* Header */}
<Header />
<Routes>
<FileRoutes />
</Routes>
</ErrorBoundary>
</Suspense>
</ApolloProvider>
<Scripts />
</Body>
</Html>
);
}import { gql, createQuery } from '@merged/solid-apollo'
const USERS = gql`
query {
users {
id
name
posts {
id
title
}
}
}
`
export default function Graphql() {
const data = createQuery(USERS)
console.log('data', data)
return <div>Graphql</div>;
}
any idea ???
any idea ???