LogoClawIndex
CasesSkillsAbout
LogoClawIndex

vuejs-best-practices - Vue 3 and Nuxt 3 Best Practices

Comprehensive Vue 3 and Nuxt 3 performance optimization guide with 50+ rules

Tags

Updated: 2026-05-28
vuevue3nuxtnuxt3performanceoptimizationpiniatypescriptcomposition-apireactivity

Capabilities

optimize Vue componentsapply reactivity patternsreduce bundle sizeconfigure Nuxt server

Typical Inputs

Vue source codeNuxt project filesComponent designs

Typical Outputs

Optimized Vue codeRefactored Nuxt pagesTypeScript components

What this skill does

  • optimize Vue components
  • apply reactivity patterns
  • reduce bundle size
  • configure Nuxt server
  • design components
  • use Composition API
  • manage Pinia stores
  • improve rendering
  • integrate TypeScript
  • write tests
  • review code
  • refactor applications

Inputs

  • Vue source code
  • Nuxt project files
  • Component designs
  • Test requirements
  • Performance metrics

Outputs

  • Optimized Vue code
  • Refactored Nuxt pages
  • TypeScript components
  • Test suites
  • Performance reports

Requirements

  • Vue 3 runtime
  • Nuxt 3 framework
  • TypeScript support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.