Quasar: доступ к $t внутри Composition API с однофайловыми компонентами

В квазар документы предлагается следующий пример для выполнения переводов внутри скрипта 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
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
17
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать компонуемую функцию useI18n, чтобы получить функцию t:

<script lang="ts" setup>
import { ref } from 'vue'
import {useI18n} from 'vue-i18n'

const { t } =useI18n()

const example = ref(t('fldldf'))
</script>

Другие вопросы по теме