Skip to content

Frontend: public recipe page #1137

Description

@dgee2

Goal

Add a public Vue page that renders a published recipe accessible without login.

Spec reference

docs/specs/recipe-creation-target-architecture.md — §"Frontend target architecture – Public recipe page"

Implementation notes

  • New route /public/recipe/:slug in src/router/public.routes.ts — no authGuard
  • PublicRecipePage.vue: title, summary, timings, ingredients, steps — no editing controls
  • usePublicRecipe(slug) composable (TanStack Query) wrapping GET /public/recipe/{slug}
  • Regenerate OpenAPI types after E7.3: pnpm generate-openapi; add public endpoint to recipe-api.ts

Acceptance criteria

  • Page accessible without authentication
  • No edit/delete/share controls rendered

Testing

  • Vitest: usePublicRecipe composable (loading, success, 404 error states)
  • Vitest: PublicRecipePage renders recipe content

Part of#1103

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestjavascriptPull requests that update Javascript code

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions