Files
AgenticCode/openspec/specs/mudblazor-setup/spec.md
local a462b7dbc7 feat: migrate CLAUDE.md content to OpenSpec specs and initialize workflow
Move project description and tech stack research from CLAUDE.md into
openspec/specs/project/ and openspec/specs/stack/. Slim CLAUDE.md to a
pointer file. Populate config.yaml with project context. Add OpenSpec
CLI skills and commands.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 01:23:13 +01:00

1.7 KiB

Purpose

Define MudBlazor installation, theming, and provider configuration for the Client project.

Requirements

Requirement: MudBlazor package installed

The Client project SHALL have MudBlazor 9.2.0 installed as a NuGet dependency.

Scenario: Package reference present

  • WHEN the Client project is built
  • THEN MudBlazor 9.2.0 is resolved as a dependency

Requirement: MudBlazor services registered

MudBlazor services SHALL be registered in the Client's DI container via AddMudServices().

Scenario: Services available

  • WHEN the application starts
  • THEN MudBlazor services (snackbar, dialog, etc.) are available for injection

Requirement: MudBlazor assets loaded

The Client's index.html SHALL include MudBlazor CSS, JS, and font references.

Scenario: Styles and scripts present

  • WHEN the application loads in the browser
  • THEN MudBlazor CSS (_content/MudBlazor/MudBlazor.min.css), JS (_content/MudBlazor/MudBlazor.min.js), and Material Design Icons font are loaded

Requirement: MudBlazor layout providers

The app root SHALL include MudThemeProvider, MudPopoverProvider, and MudDialogProvider so MudBlazor components function correctly.

Scenario: Providers present

  • WHEN any MudBlazor component is rendered
  • THEN it functions correctly because the required providers are in the component tree

Requirement: MudBlazor layout replaces Bootstrap

The application layout SHALL use MudBlazor layout components (MudLayout, MudAppBar, MudMainContent) instead of the current Bootstrap navbar.

Scenario: Layout renders with MudBlazor

  • WHEN any page is displayed
  • THEN the page is wrapped in a MudBlazor layout with an app bar showing the application name