Error while importing method?

Question

Vue.js

<h1>{{ trans('page') }}</h1>

...

<script>
import {trans} from '@/functions'
...
</script>

I get the error Property or method "trans" is not defined on the instance but referenced during render
How do I use an imported method directly in the markup?

Answer 1

Clearly it is written - the method is not defined. Add it to the methods of the component:

methods: {
  trans
}