vue-router-best-practices은(는) 무엇을 하나요?
Vue Router 4 패턴, 네비게이션 가드, 라우트 파라미터 및 라우트-컴포넌트 생명주기 상호작용 관련 내용입니다.
Vue Router 4 패턴, 네비게이션 가드, 라우트 파라미터 및 라우트-컴포넌트 생명주기 상호작용 관련 내용입니다.
이 스킬은 Vue Router 4의 모범 사례를 다루며, 개발자가 라우트 정의, 네비게이션 가드, 라우트 파라미터 처리, 그리고 라우트와 컴포넌트 생명주기 간의 상호작용을 효율적으로 관리할 수 있도록 도와줍니다. Vue 애플리케이션에서의 라우팅 패턴을 표준화하고, 동적 라우트 매칭, 중첩 라우트, 프로그래매틱 네비게이션과 같은 고급 기능을 안전하게 사용하는 방법을 설명합니다. 특히 beforeEnter, beforeEach와 같은 네비게이션 가드의 활용법과 라우트 파라미터 변경 시 컴포넌트 재사용 문제를 해결하는 방법에 중점을 둡니다. 이 스킬은 Vue 3 기반 프로젝트에서 깔끔하고 유지보수 가능한 라우팅 구조를 구축하려는 개발자에게 유용합니다.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-router-best-practicesInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Vue Router 4 패턴, 네비게이션 가드, 라우트 파라미터 및 라우트-컴포넌트 생명주기 상호작용 관련 내용입니다.
This repo contains 7 individual skills — each has its own dedicated page.
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Pinia stores, state management patterns, store setup, and reactivity with stores.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.