feat: add a simple playground (#61)

playgrounds/advanced/package.json

@@ -11,8 +11,6 @@
     "@hebilicious/server-block-nuxt": "0.3.4",
     "@hebilicious/sfc-server-volar": "0.3.4",
     "@nuxt/devtools": "^0.8.2",
-    "h3": "^1.8.1",
-    "nitropack": "2.6.2",
     "nuxt": "3.7.0"
   }
 }

playgrounds/simple/.npmrc

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

playgrounds/simple/nuxt.config.ts

@@ -0,0 +1,9 @@
+export default defineNuxtConfig({
+  modules: ["@hebilicious/form-actions-nuxt"],
+  devtools: {
+    enabled: true,
+    timeline: {
+      enabled: true
+    }
+  }
+})

playgrounds/simple/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "simple-playground",
+  "private": true,
+  "scripts": {
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "start": "nuxi preview"
+  },
+  "devDependencies": {
+    "@hebilicious/form-actions-nuxt": "latest",
+    "@nuxt/devtools": "^0.8.2",
+    "nuxt": "3.7.0"
+  }
+}

playgrounds/simple/pages/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <NuxtLink to="login">
+    Login
+  </NuxtLink>
+</template>

playgrounds/simple/pages/login.vue

@@ -0,0 +1,13 @@
+<template>
+  <form method="POST">
+    <label>
+      Email
+      <input name="email" type="email" autocomplete="username">
+    </label>
+    <label>
+      Password
+      <input name="password" type="password" autocomplete="current-password">
+    </label>
+    <button>Log in</button>
+  </form>
+</template>

playgrounds/simple/pages/profile.vue

@@ -0,0 +1,9 @@
+<template>
+  Redirected to profile !
+  <NuxtLink to="login">
+    Login
+  </NuxtLink>
+  <NuxtLink to="/">
+    Home
+  </NuxtLink>
+</template>

playgrounds/simple/server/actions/login.ts

@@ -0,0 +1,13 @@
+const validValue = (v: unknown): v is string => typeof v === "string" && v.length > 0
+export default defineFormActions({
+  default: async (event) => {
+    const formData = await readFormData(event)
+    const email = formData.get("email")
+    const password = formData.get("password")
+    // eslint-disable-next-line no-console
+    console.log({ email, password })
+    if (!validValue(email)) return actionResponse(event, { email, missing: true }, { error: { message: "Missing email" } })
+    const user = { email } // Load the user somehow
+    return actionResponse(event, { user }, { redirect: "/profile" })
+  }
+})

playgrounds/simple/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

playgrounds/simple/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}

playgrounds/vorms-zod/package.json

@@ -9,13 +9,9 @@
   "devDependencies": {
     "@hebilicious/form-actions-nuxt": "latest",
     "@nuxt/devtools": "^0.8.2",
+    "@vorms/core": "^1.1.0",
     "@vorms/resolvers": "^1.1.0",
-    "h3": "^1.8.1",
-    "nitropack": "2.6.2",
     "nuxt": "3.7.0",
     "zod": "^3.22.2"
-  },
-  "dependencies": {
-    "@vorms/core": "^1.1.0"
   }
 }