Vite + Solid.js

// wundergraph.config.ts
const spaceX = introspect.graphql({
  apiNamespace: 'spacex',
  url: 'https://spacex-api.fly.dev/graphql/',
});

configureWunderGraphApplication({
  apis: [spaceX],
  server,
  operations,
  codeGenerators: [
    {
      templates: [templates.typescript.client],
      path: '../generated',
    },
  ],
});

// lib/wundergraph.ts
import { createClient, Operations } from '../generated/client';
import { createHooks } from '@wundergraph/solid-query';

export const client = createClient();

export const { createQuery, createMutation, createSubscription, useUser, useAuth } = createHooks<Operations>(client);

# .wundergraph/operations/Dragons.graphql
query Dragons {
  spacex_dragons {
    name
    active
  }
}

import { createQuery } from '../lib/wundergraph';

const App = () => {
  const dragons = createQuery({
    operationName: 'Dragons',
  });
  return <div>{JSON.stringify(dragons.data)}</div>;
};
export default App;

import { createQuery } from '../lib/wundergraph';

const App = () => {
  const dragons = createQuery({
    operationName: 'Dragons',
    liveQuery: true,
  });
  return <div>{JSON.stringify(dragons.data)}</div>;
};
export default App;