В квазар документы предлагается следующий пример для выполнения переводов внутри скрипта SFC:
<script>
export default {
data() {
return {
content: this.$t('mykey3')
}
}
}
</script>
Однако мне интересно, как получить доступ к $t
изнутри скрипта, используя Composition API с однофайловыми компонентами в теге <script setup>
.
<script lang="ts" setup>
import { ref } from 'vue'
const example = ref($t('fldldf'))
</script>
Приведенный выше пример заканчивается:
Uncaught (in promise) ReferenceError: $t is not defined
Вы можете использовать компонуемую функцию useI18n
, чтобы получить функцию t
:
<script lang="ts" setup>
import { ref } from 'vue'
import {useI18n} from 'vue-i18n'
const { t } =useI18n()
const example = ref(t('fldldf'))
</script>