add playground to docs, and google analytics to it (#46)

README.md

@@ -14,6 +14,7 @@
     <strong><a href="https://github.com/vazco/sparrowql/blob/master/.github/CONTRIBUTING.md">Contribute</a></strong> |
     <strong><a href="#usage">Usage</a></strong> |
     <strong><a href="https://github.com/vazco/sparrowql/blob/master/INTRODUCTION.md">Documentation</a></strong> |
+    <strong><a href="https://vazco.github.io/sparrowql">Playground</a></strong> |
     <strong><a href="https://github.com/vazco/sparrowql/blob/master/FAQ.md">FAQ</a></strong>
 </p>
 

playground/package.json

@@ -28,6 +28,7 @@
     "lz-string": "1.5.0",
     "prettier": "2.8.8",
     "typescript": "5.1.3",
-    "vite": "4.4.5"
+    "vite": "4.4.5",
+    "vite-plugin-radar": "0.9.3"
   }
 }

playground/vite.config.ts

@@ -1,8 +1,14 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { vitePluginRadar } from 'vite-plugin-radar'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: '/sparrowql/',
-  plugins: [react()],
+  plugins: [react(), vitePluginRadar({
+    enableDev: false,
+    gtm: {
+      id: 'G-ZDM0DBJJVX'
+    }
+  })],
 })