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.