vuejs/vue

Creating a component named map should warn the user (as with button)

Open

#8025 opened on Apr 14, 2018

View on GitHub
 (17 comments) (0 reactions) (0 assignees)TypeScript (209,764 stars) (33,833 forks)batch import
contribution welcomegood first issuehas PRimprovement

Description

Version

2.5.15

Reproduction link

https://jsfiddle.net/e2yxoomh/2/

Steps to reproduce

Create a component that includes the word "map" (case insensitive). For example:

  • Map
  • MapView
  • mapper

What is expected?

I expect these to work, or at least give me some sort of error message.

What is actually happening?

Nothing happens. The components do not render. There is no error message.

Contributor guide

Tech stack
vuetypescript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
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.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue 2 component registrationknowledge of Vue warning system
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
Investigate the Vue 2 source code to find the existing warning for component names like 'button'. The warning likely resides in the component resolution logic. Add 'map' to the list of reserved or problematic component names. Ensure the check is case insensitive as described. Also test with names like 'MapView' and 'mapper' to confirm the warning triggers appropriately.