從setup輸出的類型聲明如何能在.ts檔中引用呢？

[hkk2018]

在Vue3 setup區塊聲明的類型，可以正確地被其他.vue檔解析，但是引用到.ts檔時就會出現以下錯誤：

TS2614: Module '"*.vue"' has no exported member 'ModalConfig'. Did you mean to use 'import ModalConfig from "*.vue"' instead?

我覺得應該是跟shims-vue.d.ts中的配置有關，所以我試著把輸出的類型（ModalConfig）也聲明進去時，ts就不會報錯了，如下：

  /* eslint-disable */
  declare module '*.vue' {
      import type { DefineComponent } from 'vue'
      const component: DefineComponent<{}, {}, any>
      export default component
      export { ModalConfig }
  }

但這肯定不是解決辦法的，不知道是否有人知道如何正確處置呢？

PS：
之所以要這麼作，是因為該類型聲明是專屬於該.vue檔的內容，所以我希望能集中在一個檔才最好管理、最清楚。
退而求其次的作法是將類型聲明從.vue檔提出，另外創一個ts檔放，但是這樣需要多維護該ts檔跟對應的.vue檔的關聯，比如說要規範相同命名，或者是規範須放置在同個資料夾下等等，我都覺得差強人意。

[hkk2018]

結果我發現了一個workaroud，就是把類型聲明放在<script lang="ts"></script>裡面，而非放在setup，這樣ts就會正確解析到了，哈哈！

[Mister-Hope]

这不是一个 workaround，而是你就应该这样做。 建议重读官方文档。

[hkk2018]

應該說我就是根據一些default export為component之類的概念，猜測要能正確解析是要放在srcipt區，所以才嘗試成功的。

因此，根據我的推測，我也認為頗可能本來就該這麼用，不過就是在官方文檔沒看到直接的解說（連從.vue檔 export型別的例子都沒看到 ），調查過也沒人提到正確的作法，我才會提出來討論。

時間不足，我也無法太深入去研讀文檔，只能關鍵字或特定章節搜搜，沒看到就沒了，如果誰有看到順手回覆一下吧，多謝。

[Mister-Hope]

因为 setup 块是一个语法糖，作用域相当于 defineComponent 的 setup函数内部，它并不支持导出。