Skills
.Work. You
Rest

lifecycle-reactivity-migration

Community

Migrate Vue lifecycle & reactivity safely.

Software Engineering#refactoring#vue#migration#reactivity#lifecycle hooks#vue 3
AuthorJuanJoseGonGi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the complexities of migrating Vue 2 lifecycle hooks and reactivity patterns to their Vue 3 equivalents, ensuring behavior-safe transitions and preventing common migration pitfalls.

Core Features & Use Cases

  • Lifecycle Hook Renaming: Safely renames beforeDestroy to beforeUnmount and destroyed to unmounted.
  • Reactivity API Replacement: Guides the replacement of deprecated $set and $delete methods with modern object manipulation techniques.
  • Event Bus Migration: Provides strategies for migrating away from instance-level event emitters ($on, $off, $once).
  • Use Case: Refactoring a large Vue 2 codebase to Vue 3, ensuring that all component teardown logic, especially involving timers, event listeners, or socket connections, continues to function correctly after the migration.

Quick Start

Apply the lifecycle-reactivity-migration skill to refactor the component's lifecycle hooks and reactivity patterns.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: lifecycle-reactivity-migration
Download link: https://github.com/JuanJoseGonGi/skills/archive/main.zip#lifecycle-reactivity-migration

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 223,000+ vetted skills library on demand.