实现一个类似打印的效果（文字一个字一个字的输出）

问题：实现AI搜索一样，一个字一个字输出效果

// 打印数据
  let timer = null
  let wordIndex = 0
  const stringB = ref(`
    武汉是中国中部地区的重要城市，也是湖北省的省会。它以其丰富的历史文化、美丽的自然景观和快速发展的            经济而闻名。武汉的地理位置优越，位于长江和汉江的交汇处，是中国重要的交通枢纽。武汉拥有悠久的历史，是中国历史文化名城之一，拥有众多的历史遗迹和文化景点，如黄鹤楼、东湖等。

武汉是中国中部地区的经济中心，拥有发达的制造业、服务业和高新技术产业。同时，武汉也是中国重要的教育和科研基地，拥有多所知名高等学府和研究机构。

如果您需要更详细的信息或者有其他问题，请告诉我，我会尽力为您提供帮助。`)
  const article = ref('')
  const print = (delay) => {
    if (wordIndex < stringB.value.length) { // 如果索引值比文字长度小，继续执行代码
      clearTimeout(timer) // 为了保证每次时间间隔一致，需要清楚时间器
      article += wordString[wordIndex++]
      // 定时器
      timer = setTimeout(() => {
        // 递归执行该函数
        print(delay)
      }, delay)
    }
}

print(20)