Add playground

Author: wobsoriano

.gitignore

@@ -54,3 +54,5 @@ coverage
 Network Trash Folder
 Temporary Items
 .apdisk
+
+*.db

playground/app.vue

@@ -1,8 +1,5 @@
 <template>
   <div>
-    Nuxt module playground!
+    <NuxtPage />
   </div>
 </template>
-
-<script setup>
-</script>

playground/lib/prisma.ts

@@ -0,0 +1,7 @@
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export {
+  prisma
+}

playground/lib/todo.server.ts

@@ -0,0 +1,15 @@
+import { prisma } from './prisma'
+
+export async function getTodos () {
+  const todos = await prisma.todo.findMany()
+  return todos
+}
+
+export async function getTodo (id: number) {
+  const todo = await prisma.todo.findFirstOrThrow({
+    where: {
+      id
+    }
+  })
+  return todo
+}

playground/nuxt.config.ts

@@ -4,8 +4,5 @@ import MyModule from '..'
 export default defineNuxtConfig({
   modules: [
     MyModule
-  ],
-  myModule: {
-    addPlugin: true
-  }
+  ]
 })

playground/package.json

@@ -1,4 +1,14 @@
 {
-  "private": true,
-  "name": "my-module-playground"
+  "name": "playground",
+  "devDependencies": {
+    "esno": "^0.16.3",
+    "prisma": "^4.6.1"
+  },
+  "prisma": {
+    "seed": "esno prisma/seed.ts",
+    "schema": "./prisma/schema.prisma"
+  },
+  "dependencies": {
+    "@prisma/client": "^4.6.1"
+  }
 }

playground/pages/index.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { getTodos } from '~~/lib/todo.server'
+
+const todos = await getTodos()
+</script>
+
+<template>
+  <div>
+    <ul>
+      <li>
+        <NuxtLink v-for="todo in todos" :key="todo.id" :to="`/todos/${todo.id}`">
+          {{ todo.title }}
+        </NuxtLink>
+      </li>
+    </ul>
+  </div>
+</template>

playground/pages/todos/[id].vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { getTodo } from '~~/lib/todo.server'
+import { useRoute } from '#imports'
+
+const route = useRoute()
+const todo = await getTodo(Number(route.params.id))
+</script>
+
+<template>
+  <div>
+    Todo: {{ todo }}
+  </div>
+</template>

playground/prisma/migrations/20221129012352_init/migration.sql

@@ -0,0 +1,9 @@
+-- CreateTable
+CREATE TABLE "Todo" (
+    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL,
+    "title" TEXT NOT NULL,
+    "completed" BOOLEAN NOT NULL,
+    "content" TEXT
+);

playground/prisma/migrations/migration_lock.toml

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "sqlite"