chore: add nuxt playground

Author: posva

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

nuxt-playground/.gitignore

@@ -0,0 +1,8 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

nuxt-playground/README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.

nuxt-playground/nuxt.config.ts

@@ -0,0 +1,5 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  pageTransition: null,
+  layoutTransition: null,
+})

nuxt-playground/package.json

@@ -0,0 +1,14 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "nuxt": "^3.0.0-rc.12",
+    "vuefire": "workspace:*"
+  }
+}

nuxt-playground/pages/database/index.vue

@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+const router = useRouter()
+
+const routes = router
+  .getRoutes()
+  .filter((record) => record.path.startsWith('/database/'))
+  .map((record) => {
+    return {
+      name: record.name,
+      path: record.path,
+    }
+  })
+</script>
+
+<template>
+  <div>
+    <NuxtLink to="/">&lt;&lt; Back Home</NuxtLink>
+    <ul>
+      <li v-for="link in routes">
+        <NuxtLink :to="link">{{ link.path }}</NuxtLink>
+      </li>
+    </ul>
+  </div>
+</template>

nuxt-playground/pages/database/todos.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const todos = []
+</script>
+
+<template>
+  <div>
+    <h1>Todos</h1>
+    <ul>
+      <li v-for="todo in todos" :key="todo.id">
+        <NuxtLink :to="`/database/todos/${todo.id}`">{{ todo.title }}</NuxtLink>
+      </li>
+    </ul>
+  </div>
+</template>

nuxt-playground/pages/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <ul>
+      <li>
+        <NuxtLink to="/database">Database</NuxtLink>
+      </li>
+    </ul>
+  </div>
+</template>

nuxt-playground/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "vuefire": [
+        "../src/index.ts"
+      ]
+    }
+  },
+}