feat: add a playground, in Nuxt (#19)

package.json

@@ -41,6 +41,7 @@
   ],
   "scripts": {
     "nodetest": "node --version",
+    "playground": "cd playground && pnpm i && pnpm run dev",
     "test": "vitest",
     "build": "unbuild",
     "lint": "eslint .",

playground/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

playground/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

playground/README.md

@@ -0,0 +1,75 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

playground/app.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { getBggSearch } from '../src'
+
+const { data: serverData } = useFetch('/api/bggSearch/Blood-rage')
+
+const searchData = ref<any>(null)
+
+if (process.client)
+  searchData.value = await getBggSearch({ query: 'Blood rage', exact: 1, type: 'boardgame' })
+</script>
+
+<template>
+  <h1>Playground</h1>
+  <h2>Server API proxy Search data:</h2>
+  <pre>{{ serverData }}</pre>
+  <h2>Client Search data:</h2>
+  <pre>{{ searchData }}</pre>
+</template>

playground/nuxt.config.ts

@@ -0,0 +1,4 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  devtools: { enabled: true }
+})

playground/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "nuxt": "^3.8.0",
+    "vue": "^3.3.6",
+    "vue-router": "^4.2.5"
+  }
+}