0104-nuxt-enums

Community

Model-ready enums with behavior

AuthorMrJmpl3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the problem of representing fixed sets of values as type-safe enums that can also carry UI behavior and integrate cleanly with model casting.

Core Features & Use Cases

  • TypeScript enum pattern for Nuxt: Class-based enum instances with static predefined values.
  • Model casting integration: Implements a cast method so API strings can be coerced into the correct enum type during model hydration.
  • Behavior methods for UI: Adds methods like color() and getters like text/label to drive consistent badge rendering and conditional UI logic.
  • Comparison and utility APIs: Uses is(...) for checks and values() for enumerating all valid options.

Quick Start

Use the 0104-nuxt-enums skill to define a new enum class (e.g., PostStatus) with static values, a cast method, and UI helper methods, then compare and render it in templates using badge color and label from the enum.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: 0104-nuxt-enums
Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0104-nuxt-enums

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.