帮我在vue3中，写一个过滤器，要求用a-input组件写一个输入框，对输入框内输入的数据和一个数组中的某项进行比对，一旦比对成功，就输出这个数组

中对应项的值。过滤器的名字为"filterArray"。

在Vue3中，可以通过自定义过滤器来实现对数据的过滤和处理。以下是实现要求的代码：

// 在Vue3中定义自定义过滤器
import { createApp } from 'vue'

const app = createApp({})
app.config.globalProperties.$filters = {
  filterArray(input, array, key) {
    return array.find(item => item[key] === input)
  }
}
app.mount('#app')

在模板中使用自定义过滤器：

<template>
  <div>
    <a-input v-model="inputValue" />
    <div>{{ inputValue | filterArray(array, 'name') }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      array: [
        { name: 'apple', value: 1 },
        { name: 'banana', value: 2 },
        { name: 'orange', value: 3 }
      ]
    }
  }
}
</script>

在上面的代码中，我们定义了一个名为"filterArray"的过滤器，它接受三个参数：输入值、数组和关键字。在模板中，我们使用了a-input组件来创建一个输入框，并使用v-model指令将输入框的值绑定到inputValue变量上。然后，我们使用自定义过滤器来比对输入框的值和数组中的某项，如果比对成功，就输出这个数组中对应项的值。