Archivo App.vue
<template lang="pug"> div hello-world </template> <script setup lang="ts"> import HelloWorld from "./components/HelloWorld.vue"; </script>Archivo HelloWorld.vue
<template lang="pug"> div h1 {{ msg }} </template> <script setup lang="ts"> import { ref } from "vue"; const msg = ref<string>("Hello World!!!"); </script>¿Cuál es el problema y cómo solucionarlo? Obteniendo este problema al usar mecanografiado, API de composición y plantillas pug juntas en vue3. ¿Y la preocupación es cómo importar un componente usando la API de composición y usarlo en la plantilla pug?
Estoy bastante seguro de que el problema proviene de la preinstalación de TypeScript. Eliminar mecanografiado como lenguaje de script debería funcionar entonces:
<script setup>en vez de
<script setup lang="ts">Si no desea eliminarlo, intente descubrir cómo los componentes de mecanografiado deben verse diferentes de los simples js. Lo siento, no sé mucho sobre Typescript, todo lo que sé es que cambia la forma en que funcionan los componentes porque ahora dependen más de Typescript en lugar de JavaScript. Pero supongo que hay información en la documentación de vue 3 sobre cómo trabajar con mecanografiado.