From 216441d3564e00aabfac7e8acf346e34a5db9598 Mon Sep 17 00:00:00 2001
From: "netop://ウィビ" <paul@webb.page>
Date: Fri, 24 Apr 2026 16:50:12 -0700
Subject: Add Vite playground for local development
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

npm run dev boots a Vite + Svelte 5 server at localhost:5173, importing
GraphiQL.svelte directly from source/library. HMR reflects changes
without a package rebuild. Points at the public Countries API by default
— swap playground/src/App.svelte for your own endpoint.
---
 playground/src/App.svelte | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 playground/src/App.svelte

(limited to 'playground/src/App.svelte')

diff --git a/playground/src/App.svelte b/playground/src/App.svelte
new file mode 100644
index 0000000..82a8c9d
--- /dev/null
+++ b/playground/src/App.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  /*** IMPORT ------------------------------------------- ***/
+
+  import { createHttpFetcher } from "../../source/library/index.ts";
+  import GraphiQL from "../../source/library/GraphiQL.svelte";
+
+  /*** UTILITY ------------------------------------------ ***/
+
+  const fetcher = createHttpFetcher({
+    url: "https://countries.trevorblades.com/"
+  });
+
+  const initialQuery = `query Countries {
+  countries {
+    code
+    name
+    emoji
+  }
+}
+`;
+</script>
+
+<GraphiQL {fetcher} {initialQuery}/>
-- 
cgit v1.2.3

