如何在vuejs .vue模板中使用导入模块的帮助器函数？

// helpers.js
export function formatDate(date) {
  return new Date(date).toLocaleDateString();
}

<template>
  <div>
    <p>Formatted Date: {{ formattedDate }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';
import { formatDate } from './helpers.js';

export default {
  setup() {
    const date = ref(new Date());
    const formattedDate = ref(formatDate(date.value));

    // 如果需要响应式更新日期，可以添加一个watcher
    watch(date, (newDate) => {
      formattedDate.value = formatDate(newDate);
    });

    return {
      formattedDate
    };
  }
};
</script>

<style>
/* 样式代码 */
</style>

// main.js
import { createApp } from 'vue';
import App from './App.vue';
import { formatDate } from './helpers.js';

const app = createApp(App);

app.config.globalProperties.$formatDate = formatDate;

app.mount('#app');

<template>
  <div>
    <p>Formatted Date: {{ $formatDate(someDate) }}</p>
  </div>
</template>