如何在Element Plus的Vue 3项目中，使用TypeScript并结合`setup()`函数实现el-tree组件的初始化时默认选中第一个节点，并设置点击后高亮（增加选中样式）的功能？

在Element Plus的Vue 3项目中，结合TypeScript和`setup()`函数来初始化`el-tree`组件并且实现默认选中第一个节点以及点击后高亮功能，你可以按照以下步骤操作：

1. 首先，在`main.ts`或`store/index.ts`等地方引入Element Plus的TypeScript类型支持：

   import { createApp } from 'vue';
   import { ElTree } from 'element-plus';

   // 引入Element Plus的TypeScript类型
   declare module '@element-plus/components/tree' {
     export interface ElTreeNode extends Vue {}
   }

2. 使用`setup()`函数创建组件实例，同时定义状态（state）变量用于存储树节点信息和选中状态：

   function useElTree() {
     const nodes = ref([]); // 假设你已经有了节点数据
     const selectedNodeKey = ref(null);

     // 初始化时默认选中第一个节点
     onMounted(() => {
       if (nodes.value.length > 0) {
         selectedNodeKey.value = nodes.value[0].key;
       }
     });

     return {
       nodes,
       selectedNodeKey,
       // ...其他公共方法和属性
     };
   }

   const app = createApp(App).use(store);
   app.component('tree', {
     setup(props, slots) {
       const { nodes, selectedNodeKey } = useElTree();
   
       // 根据selectedNodeKey动态设置节点的activeStyle
       function handleNodeClick(node: ElTreeNode) {
         nodes.value.forEach((item) => {
           item.activeStyle = node === item ? { backgroundColor: '#f5f8fa' } : {};
         });
         selectedNodeKey.value = node.key;
       }

       return {
         props: { nodes },
         render() {
           return <ElTree :data="nodes" @node-click="handleNodeClick" />;
         },
       };
     },
   });

3. 然后在模板中渲染`el-tree`组件，并将`nodes`作为props传递：

   <template>
     <tree :nodes="nodes"/>
   </template>