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

中对应项的值，否则输出空字符串。以下是示例代码：

Vue.filter('compare', function(input, array, key) {
  for (var i = 0; i < array.length; i++) {
    if (input === array[i][key]) {
      return array[i];
    }
  }
  return '';
});

使用方法：

<div>{{ 'apple' | compare(fruits, 'name') }}</div>

其中，'apple' 是输入的数据，fruits 是数组，'name' 是数组中要比对的属性名。