imported function doesn’t work in template section [duplicate]

I am making a project with Vue3.x.
I imported a function from utils.js and applied it in the template section but I got an error saying it is not a function.

<template>
<!-- ... -->
{{ convertCodeToText(item) }}
<!-- ... -->
</template>
<script>
// ...
import { convertCodeToText, openDialog } from "../utils/utils";
// ...
<script>

// utils.js

export async function openDialog(text, icon) {
  // ...
}

export function convertCodeToText(code) {
  // ...
};

openDialog function works well in script section, so I assume the two functions were correctly imported.

is there any other way to implement function in template section?