vuejs/devtools

[Feature]: Allow appendTo as an array or glob pattern

Open

#746 opened on Dec 18, 2024

View on GitHub
 (3 comments) (1 reaction) (0 assignees)TypeScript (24,286 stars) (4,095 forks)batch import
enhancementgood first issuepr welcome

Description

Hi, I'm currently working with a Laravel Inertia setup and I'm using a multi build setup. Meaning that I have two entry files for different domains (public / backend).

Currently it's impossible to register both with the appendTo option in the Vite Plugin, but I think it would be a good addition. Optionally we could also maybe use a glob pattern instead, but both would be an improvement imo.

Is this possible and wanted? If so, I can also submit a PR. Thanks!

Contributor guide

Tech stack
typescriptvuevite
Domain
developer experiencetooling
Issue type
feature
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.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
familiarity with Vue DevToolsknow Vite plugin configuration
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Look at the Vite plugin source code in src/vite plugin/index.ts or similar to understand how appendTo is currently implemented. Determine the type of appendTo (likely a string) and modify it to accept an array of strings or a glob pattern. Ensure backward compatibility and update TypeScript types accordingly. Check if there are any existing tests for the plugin and add tests for the new functionality. Consider using a library like `micromatch` for glob matching.