Solución al error: Unknow html tag

Estaba iniciando un nuevo proyecto en Nuxt para un proyecto personal. Pero cuando le daba a Ctrl + click sobre el componente que quería inspeccionar, me devolvía un mensaje: Unknow html tag Datogedon.

Causa

Cuando creas un archivo .vue manualmente, este no se registra dentro del analizador del IDE. Por lo que posteriormente no reconoce esta etiqueta.

Solución

Usar las herramientas del IDE

Crear los componentes con el IDE, eligiendo New > Vue Component como se ve a continuación:

Asignamos un nombre y agregamos a Git

Agregamos el nombre de nuestro componente, usualmente Camel Case.

Si estas usando git, te saldrá un dialogo similar al siguiente, por su puesto procederemos a agregar el archivo.

Nota: este dialogo no aparecerá si previamente no agregaste Git a tu proyecto.

Trabajando con el nuevo componente

El IDE por lo general abrirá el archivo nuevo «Datogedon.vue» mostrandote el bloque de código predeterminado.

Error

Si mientras creas un componente en el navegador te muestra una alerta, es porque entre las etiquetas <template></template> es requerido colocar una etiqueta html, un <div></div> es una simple solución.

Solución

Luego de agregar las etiquetas, dentro podrás escribir el código que necesitas. La etiqueta div que está encerrando este código se agregará al importar este componente, en ella puedes agregar estilos o atributos html.

Usando el componente

El componente se registró correctamente y ahora podremos trabajar cómodamente para inspeccionarlo, agregar atributos, enviar parámetros, etc.

Al agregarlo, este se mostrará en el auto completado o ayuda del IDE.

Al colocar el cursor sobre esta etiqueta, ahora mostrará desde donde se está generando y además ahora si funcionará al hacer control + click.

Conclusión

WebStorm y/o PHPStorm son el mismo IDE, excepto que solo PHPStorm tiene soporte para PHP + JS, mientras que WebStorm tiene soporte solo para JS.

Este inconveniente con Nuxt de Vue se da en ambos IDEs, al parecer es un bug, pero la solución o hack es algo muy simple.