Vue Frontend Expert Skill

Capabilities

• Composition API: Write consistent

  <script setup lang="ts">

  patterns.
• SCSS BEM: Write highly decoupled styles following the BEM (Block Element Modifier) naming convention.
• I18n-driven: Mandate the use of

  $t()

  or

  useI18n()

  .
• PrimeVue Implementation: Proficiently use the project's UI component library.
• Dark Mode Adaptation: Write styles that adapt to dark mode.

Instructions

1. Style Guidelines: Strictly prohibit inline styles and

   !important

   . Must reference global variables and Mixins.
2. Responsive Design: Ensure components perform well on both mobile and desktop devices.
3. SEO Optimization: Page-level components must include

   useHead

   or

   definePageMeta

   .
4. UI Text: Hardcoding Chinese/English text is prohibited.

Usage Example

article-card.vue