Skills
.Work. You
Rest

vue3-builtin-components

Official

Use Vue SSR-safe built-ins for UI mechanics.

Software Engineering#suspense#ssr#hydration#keep-alive#vue 3#teleport#transitiongroup
Authore-xode
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you implement Vue UI mechanics—portals, async boundaries, cached components, and transitions—without fighting SSR hydration or incorrect component behavior.

Core Features & Use Cases

  • Teleport: Render modals/overlays at the body (or another DOM target) to escape overflow/z-index/transform constraints.
  • Suspense: Display a loading fallback while async setup or async components resolve, with SSR-aware expectations.
  • KeepAlive: Cache swapped components (including router-driven views) to preserve state across navigation.
  • Transition / TransitionGroup: Animate enter/leave and list reorder with CSS classes (and optional JS hooks) plus SSR caveats.

Common use cases include custom overlays, view swaps between routes, async-component loading states, and animating dynamic lists.

Quick Start

Use the vue3-builtin-components skill to wire Teleport/Suspense/KeepAlive/Transition correctly in a Vue 3 SSR page that needs a custom modal, an async loading fallback, cached views, and animated enter/leave behavior.

Dependency Matrix

Required Modules

None required

Components

references

đź’» 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: vue3-builtin-components
Download link: https://github.com/e-xode/vue-ssr/archive/main.zip#vue3-builtin-components

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