举一个在vue3中，ant3.0的a-steps组件在竖向排列时如何左右两边都展示内容的例子

好的，可以参考以下的代码示例，这个示例演示了如何使用 `a-steps` 组件在竖向排列时左右两边都展示内容：

<template>
  <a-steps :current="current" direction="vertical" :status="status">
    <a-step title="步骤一" description="这是步骤一的描述信息"></a-step>
    <a-step title="步骤二" description="这是步骤二的描述信息"></a-step>
    <a-step title="步骤三" description="这是步骤三的描述信息"></a-step>
    <a-step title="步骤四" description="这是步骤四的描述信息"></a-step>
  </a-steps>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const current = ref(0);
    const status = ref('process');

    return {
      current,
      status,
    }
  }
}
</script>

在这个示例中，我们使用了 Vue3 和 Ant Design 3.0 中的 `a-steps` 组件，并且设置了 `direction` 属性为 `vertical`，表示竖向排列。同时，我们还设置了 `current` 和 `status` 属性来控制当前步骤和状态。

在这个示例中，我们没有进行任何特殊的设置，但是 `a-steps` 组件默认会在左侧展示步骤标题，右侧展示步骤描述信息。因此，当我们使用 `a-steps` 组件进行竖向排列时，左右两边都会展示内容。