feat(nuxt): add nuxt template settings

packages/create/README.md

@@ -42,7 +42,7 @@ Navigate into `packages/create`:
 $ cd packages/create
 ```
 
-Build `@edgedb/generate`
+Build `@edgedb/create`
 
 ```bash
 $ yarn build

packages/create/src/recipes/_base/index.ts

@@ -27,6 +27,7 @@ const recipe: BaseRecipe = {
             message: "What web framework should be used?",
             options: [
               { value: "next", label: "Next.js" },
+              { value: "nuxt", label: "Nuxt" },
               { value: "remix", label: "Remix" },
               { value: "express", label: "Express" },
               { value: "sveltekit", label: "SvelteKit" },

packages/create/src/recipes/index.ts

@@ -6,6 +6,7 @@ import express from "./express/index.js";
 import nextjs from "./nextjs/index.js";
 import remix from "./remix/index.js";
 import sveltekit from "./sveltekit/index.js";
+import nuxt from "./nuxt/index.js";
 
 import { type Recipe } from "./types.js";
 
@@ -17,6 +18,7 @@ export const recipes: Recipe<any>[] = [
   nextjs,
   remix,
   sveltekit,
+  nuxt,
   // init
   _edgedbInit,
   _install,

packages/create/src/recipes/nextjs/index.ts

@@ -3,7 +3,7 @@ import * as p from "@clack/prompts";
 import debug from "debug";
 import { updatePackage } from "write-package";
 
-import { BaseOptions, Recipe } from "../types.js";
+import type { BaseOptions, Recipe } from "../types.js";
 import { copyTemplateFiles } from "../../utils.js";
 
 const logger = debug("@edgedb/create:recipe:nextjs");

packages/create/src/recipes/nuxt/index.ts

@@ -0,0 +1,50 @@
+import path from "node:path";
+import debug from "debug";
+import { updatePackage } from "write-package";
+
+import type { BaseOptions, Recipe } from "../types.js";
+import { copyTemplateFiles } from "../../utils.js";
+
+const logger = debug("@edgedb/create:recipe:nuxt");
+
+// interface NuxtOptions {}
+
+const recipe: Recipe = {
+  skip(opts: BaseOptions) {
+    return opts.framework !== "nuxt";
+  },
+  async apply(
+    { projectDir }: BaseOptions,
+  ) {
+    logger("Running nuxt recipe");
+
+    const dirname = path.dirname(new URL(import.meta.url).pathname);
+
+    await copyTemplateFiles(
+      path.resolve(dirname, 'template'),
+      projectDir
+    );
+
+    await updatePackage(projectDir, {
+      type: 'module',
+      scripts: {
+        dev: "nuxi dev",
+        build: "nuxi build",
+        start: "nuxi start",
+        generate: "nuxi generate"
+      },
+      dependencies: {
+        "@iconify-json/heroicons": "1.1.19",
+        "@nuxt/ui": "^2.13.0",
+        "nuxt-edgedb-module": "^0.0.42"
+      },
+      devDependencies: {
+        "@edgedb/generate": "0.4.1",
+        "@nuxt/devtools": "latest",
+        "nuxt": "latest"
+      },
+    });
+  },
+};
+
+export default recipe;

packages/create/src/recipes/nuxt/template/app.vue

@@ -0,0 +1,59 @@
+<script setup lang="ts">
+const { isLoggedIn } = useEdgeDbIdentity()
+
+const links = computed(() => {
+  const links = [
+    {
+      label: 'Home',
+      icon: 'i-heroicons-home',
+      to: '/',
+    },
+  ]
+
+  if (isLoggedIn.value) {
+    links.push(
+      {
+        label: 'New blogpost',
+        icon: 'i-heroicons-newspaper-20-solid',
+        to: '/new',
+      },
+      {
+        label: 'Logout',
+        icon: 'i-heroicons-newspaper-20-solid',
+        to: '/auth/logout',
+      },
+    )
+  }
+  else {
+    links.push(
+      {
+        label: 'Register',
+        icon: 'i-heroicons-key-20-solid',
+        to: '/auth/signup',
+      },
+      {
+        label: 'Login',
+        icon: 'i-heroicons-lock-open-20-solid',
+        to: '/auth/login',
+      },
+      {
+        label: 'Forgot my password',
+        icon: 'i-heroicons-sparkles-20-solid',
+        to: '/auth/forgot-password',
+      },
+    )
+  }
+
+  return links
+})
+</script>
+
+<template>
+  <UContainer class="p-8 flex flex-col gap-4">
+    <UVerticalNavigation :links="links" />
+
+    <div>
+      <NuxtPage />
+    </div>
+  </UContainer>
+</template>

packages/create/src/recipes/nuxt/template/components/OAuthProviders.vue

@@ -0,0 +1,14 @@
+<template>
+  <EdgeDbAuthProviders v-slot="{ oAuthProviders: providers }">
+    <EdgeDbOAuthButton
+      v-for="provider of providers"
+      :key="provider.name"
+      v-slot="{ redirect }"
+      :provider="provider.name"
+    >
+      <UButton @click="() => redirect()">
+        {{ provider.display_name }}
+      </UButton>
+    </EdgeDbOAuthButton>
+  </EdgeDbAuthProviders>
+</template>

packages/create/src/recipes/nuxt/template/dbschema/default.esdl

@@ -0,0 +1,38 @@
+using extension auth;
+
+module default {
+  global current_user := (
+    assert_single((
+      select User { id, name }
+      filter .identity = global ext::auth::ClientTokenIdentity
+    ))
+  );
+
+  type User {
+    required name: str;
+    required identity: ext::auth::Identity;
+    multi link posts -> BlogPost {
+      on source delete delete target;
+    }
+  }
+
+  type BlogPost {
+    property content: str {
+      default := 'My super blog post.';
+    };
+    property description: str {
+      default := 'My blog post description.';
+    };
+    property title: str {
+      default := 'My blog super blog post title.';
+    };
+    required author: User {
+      default := global current_user;
+    };
+    access policy author_has_full_access
+      allow all
+      using (.author ?= global current_user);
+    access policy others_read_only
+      allow select;
+  }
+}