Estoy tratando de importar una exportación predeterminada desde un módulo en Vue 3 y recibo el siguiente error:

 Uncaught SyntaxError: The requested module '/src/views/FlashcardView.vue?t=1648376545088' does not provide an export named 'FlashcardView'

Estoy tratando de importar este componente -

*** Flashcardview.vue ***

 <script lang="ts"> export default { name: "FlashcardView", methods: { flipCard() { document.getElementById("flashcard-container").style.backgroundColor = "red"; } } } </script>

en mi componente raíz -

 <script lang="ts"> import { RouterView } from "vue-router"; import FlashcardView from "./views/FlashcardView.vue"; export default { name: "App", components: { Router: RouterView, FlashcardApp: FlashcardView } } </script>

De acuerdo con esta página: error de sintaxis no detectado: el módulo solicitado './add.js' no proporciona una exportación llamada 'agregar' . Estoy haciendo lo correcto al importar mi exportación predeterminada sin las llaves.

Entonces... ¿Qué da?