Vue3+ts 在组件内部使用命名空间

vue3+ts 组件内部不让使用typescript

步骤

  1. 我在声明文件里面声明了一个命名空间
declare namespace go_soul {
    export interface tab_list {
        act: boolean,
        name: string
    }
}
  1. 在组件里面使用这个
<script setup lang="ts">
import {reactive} from "vue";

defineOptions({
  name: "go_soul"
})
const data = reactive<{ tab_list: go_soul.tab_list[] }>({
  tab_list: []
})
</script>

现在给我提示go_soul是找不到的。

我的配置文件

  1. tsconfjg.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "useDefineForClassFields": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "unplugin-vue-define-options",
      "webpack-env",
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

2.vue的配置文件

const { defineConfig } = require('@vue/cli-service')
const path = require("path");
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    port: 80, // 配置端口
    open: true // 是否自动打开了浏览器
  },

  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [
          path.resolve(__dirname, "./src/assets/style/*.less")
      ]
    },
  },
  configureWebpack: {
    plugins: [require('unplugin-vue-define-options/webpack')()],
  },
})

我应该怎么配置才可以在组件内部支持命名空间