Spring Motion

Replaces generic fade and slide effects with spring physics from @vueuse/motion.

Do not invent transition coordinates. Use the three presets below. Shell and data components stay in @quasar-foundation and @primevue-aura. A card that grows into its detail in the same view is @layout-morph (Quasar v-morph), not a spring on position.

When the agent activates this skill

• Introducing cards, modals, or list items to the DOM.
• Card hover states, focus depth, and button tap compressions.
• Staggering sequential data lists or dashboard panels.

Installation

npm install @vueuse/motion

Register MotionPlugin after PrimeVue in src/main.js. The bootstrap block is in @primevue-aura.