upgrade Pepicon component to script setup

Description

Contributor guide

Tech stack

vuetypescript

Domain

frontend

Issue type

refactor

DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.

3

Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.

half day

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

blocked

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

mostly clear

Prerequisites

Vue Composition APIscript setup syntaxVue component structure

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

40

Research direction

Check the linked issue vuejs/vue next#4294 to see if it's resolved. If resolved, locate the Pepicon component file in the repository and rewrite it using <script setup> syntax. Ensure to import necessary components and define props using defineProps. Verify the component still works with existing tests or by running the dev server.