I’m working on an app that is meant to present a list of “steps” along a certain “path”. I tried to create a component called “path”, but this wasn’t allowed.
I got this error in the console.
vue.runtime.esm.js:638 [Vue warn]: Do not use built-in or reserved HTML elements as component id: path
It turns out that HTML and SVG tags are reserved and cannot be used as VueJS component names.
- Built-In Tags
- slot
- component
- Reserved Tags
- HTML Tags
- html
- body
- base
- head
- link
- meta
- style
- title
- address
- article
- aside
- footer
- header
- h1
- h2
- h3
- h4
- h5
- h6
- hgroup
- nav
- section
- div
- dd
- dl
- dt
- figcaption
- figure
- picture
- hr
- img
- li
- main
- ol
- p
- pre
- ul
- a
- b
- abbr
- bdi
- bdo
- br
- cite
- code
- data
- dfn
- em
- i
- kbd
- mark
- q
- rp
- rt
- rtc
- ruby
- s
- samp
- small
- span
- strong
- sub
- sup
- time
- u
- var
- wbr
- area
- audio
- map
- track
- video
- embed
- object
- param
- source
- canvas
- script
- noscript
- del
- ins
- caption
- col
- colgroup
- table
- thead
- tbody
- td
- th
- tr
- button
- datalist
- fieldset
- form
- input
- label
- legend
- meter
- optgroup
- option
- output
- progress
- select
- textarea
- details
- dialog
- menu
- menuitem
- summary
- content
- element
- shadow
- template
- blockquote
- iframe
- tfoot
- SVG Tags
- svg
- animate
- circle
- clippath
- cursor
- defs
- desc
- ellipse
- filter
- font-face
- foreignObject
- g
- glyph
- image
- line
- marker
- mask
- missing-glyph
- path
- pattern
- polygon
- polyline
- rect
- switch
- symbol
- text
- textpath
- tspan
- use
- view
- HTML Tags