Creating a Reusable Collapsible Panel Component in Vue 3
Transition Handler Component
Define a transition wrapper to animate expand and collapse actions.
<template>
<transition
@before-enter="prepEnter"
@enter="startEnter"
@after-enter="finishEnter"
@before-leave="prepLeave"
@leave="startLeave"
@after-leave="fin ...
Posted on Sun, 23 Aug 2026 16:38:30 +0000 by jstngk
Homepage Development - Part 1: Header and Layout Implementation
Project Overview
Project Screenshot
Implementation Approach
1. Framework
The project uses Element Plus as the UI framework. This section focuses on implementing the header component, with the main content and footer sections to follow.
Element Plus Documentation
2. Header Components:
The header consists of three main parts:
First row: main i ...
Posted on Sat, 25 Jul 2026 16:13:20 +0000 by babak
Implementing a Steps Component in Vue 3
This comopnent provides a visual indicator for a process consisting of sequential steps. It supports horizontal and vertical layouts, configurable sizes, and interactive step selection.
Core Properties
items: An array of step objects, each containing optional title and description fields.
width: Controls the total width of the component; accep ...
Posted on Thu, 07 May 2026 12:54:00 +0000 by Barand