在 packages/components 下新建组件文件，文件结构如下

--- packages
------ components
--------- 新组件文件夹
------------ index.ts // 新组件入口文件
------------ src
--------------- 组件.vue // 新组件文件
------- index.ts // components 本地包入口
------- package.json // components 本地包配置

新组件入口文件

// index.ts // 新组件入口文件
import { withInstall, withNoopInstall } from '@tw-el/utils'
import Button from './src/button.vue'
import ButtonGroup from './src/button-group.vue'
// 仅需修改前缀即可，即 修改 Tw
export const TwButton = withInstall(Button, {
  ButtonGroup
})
export const TwButtonGroup = withNoopInstall(ButtonGroup)
export default TwButton

export * from './src/button'

本地包入口

// index.ts // 本地包入口文件

// 仅需 引入 新组件
export * from './button'
...

新组件文件结构

// 组件名称.vue // 新组件文件
<template>
  <button class="">按sadsa 钮</button>
</template>

<script setup lang="ts"></script>

<script lang="ts">
export default {
    // 注意组件前缀
  name: 'TwButton'
}
</script>
<style lang="scss"></style>

特别注意

还需要在 packages/tw-el/component.ts 中添加新组件

若组件为插件，则在 packages/tw-el/plugin.ts 中添加