vue3 config.ts文件封装

对于Vue3项目中的config.ts文件，可以进行如下封装：

1. 创建一个config.ts文件，用来存放项目的全局配置信息。

2. 在config.ts文件中定义一个对象，用来存放配置信息。

3. 在对象中定义需要配置的信息，比如API接口地址、图片地址、字体大小等。

4. 将config.ts文件导出，方便其他组件或模块引用。

5. 在组件或模块中使用import导入config.ts文件，通过对象名访问配置信息。

例如：

// config.ts文件
const config = {
  apiBaseUrl: 'http://api.example.com',
  imageBaseUrl: 'http://images.example.com',
  fontSize: 14,
  // ...
};

export default config;

// 组件中使用
import config from '@/config';

console.log(config.apiBaseUrl); // 'http://api.example.com'
console.log(config.fontSize); // 14