封装一个vue3用的websocket，要求有心跳机制，代码给我生成

好的，以下是一个封装了心跳机制的Vue3用WebSocket的代码示例：

import { reactive } from 'vue';

const defaultOptions = {
  url: '',
  protocols: '',
  heartbeatInterval: 5000, // 心跳间隔，单位ms
  reconnectInterval: 3000, // 重连间隔，单位ms
  onopen: null,
  onmessage: null,
  onclose: null,
  onerror: null,
};

export default function useWebSocket(options = {}) {
  const state = reactive({
    ws: null,
    isConnected: false,
    isReconnecting: false,
    reconnectTimer: null,
    ...defaultOptions,
    ...options,
  });

  function connect() {
    state.ws = new WebSocket(state.url, state.protocols);

    state.ws.onopen = (evt) => {
      state.isConnected = true;
      state.isReconnecting = false;
      if (state.onopen) {
        state.onopen(evt);
      }
      startHeartbeat();
    };

    state.ws.onmessage = (evt) => {
      if (state.onmessage) {
        state.onmessage(evt);
      }
    };

    state.ws.onclose = (evt) => {
      stopHeartbeat();
      if (state.onclose) {
        state.onclose(evt);
      }
      if (!state.isReconnecting) {
        state.isReconnecting = true;
        state.reconnectTimer = setTimeout(() => {
          connect();
        }, state.reconnectInterval);
      }
    };

    state.ws.onerror = (evt) => {
      if (state.onerror) {
        state.onerror(evt);
      }
    };
  }

  function disconnect() {
    state.ws.close();
    stopHeartbeat();
    state.isConnected = false;
    state.isReconnecting = false;
    clearTimeout(state.reconnectTimer);
  }

  function send(data) {
    state.ws.send(data);
  }

  let heartbeatTimer = null;
  function startHeartbeat() {
    heartbeatTimer = setInterval(() => {
      if (state.isConnected) {
        state.ws.send('ping');
      } else {
        stopHeartbeat();
      }
    }, state.heartbeatInterval);
  }

  function stopHeartbeat() {
    clearInterval(heartbeatTimer);
  }

  connect();

  return {
    state,
    send,
    disconnect,
  };
}

这个代码示例使用了Vue3的响应式数据，通过`reactive`函数创建了一个响应式的`state`对象，其中包括WebSocket的实例`ws`、是否已连接的状态`isConnected`、是否正在尝试重连的状态`isReconnecting`、重连定时器`reconnectTimer`等属性，以及默认的一些配置项`defaultOptions`和传入的配置项`options`。

在`connect`函数中创建WebSocket实例，并设置其`onopen`、`onmessage`、`onclose`、`onerror`等事件的回调函数。其中，在连接成功后会调用`startHeartbeat`函数开始心跳检测，每隔一定时间向服务器发送`ping`消息。在连接关闭后会调用`stopHeartbeat`函数停止心跳检测，并在`isReconnecting`为`false`时设置其为`true`，开始尝试重连并设置定时器。

`send`函数用于向服务器发送消息，`disconnect`函数用于手动断开WebSocket连接。