Nurse Room System - Development Skills & Debugging Guide

What problem does it solve?

This Skill helps you troubleshoot common development blockers in Nurse Room System’s Vue front-end, including broken click handlers, missing API-driven fields, approval reload timeouts, and incorrect datetime rendering caused by timezone mishandling.

Core Features & Use Cases

• Vue UI event debugging: explains why Vue button handlers fail (e.g., missing parentheses) and how to validate the data the handler depends on.
• Approval page reliability: prevents indefinite “Loading…” states by adding API timeout handling and safer reload patterns.
• Auto input MIN/MAX troubleshooting: guides how to wire missing item_min_po/item_max_po fields end-to-end from API → interface → template → calculation logic.
• Datetime display correctness: provides rules for using formatSysdatetimeoffset() for SYSDATETIMEOFFSET() values while avoiding double timezone conversion errors.

Quick Start

Use this Skill to debug a Vue page issue by telling it exactly what symptom you see (e.g., “loading spinner never stops” or “datetime shows 7 hours wrong”) and which page/component you’re working on.