Всем привет! Вопрос по VUE.js. Как правильно использовать строковые константы, которые подключаются отдельно в js-файле к сайту? Я попыталась интерполировать: но это не работает((
<template>
<div class="cart-contents">
<div class="cart-contents__header">
<div class="cells fx-justify-between">
<div class="cell cell-auto">
<div class="cart-contents__header__title">
{{ this.HEADER_TITLE }}
</div>
</div>
<div class="cell cell-auto">
<button
class="cart-contents__header__erase js-cart-empty"
@click="deleteAllProductsFromCart">
{{ this.HEADER_REMOVE }}
</button>
</div>
</div>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
const HEADER_TITLE = "Список заказа";
const HEADER_REMOVE = "Очистить все";
const FOOTER_TITLE = "Итого:";
const CURRENCY_UNIT = "руб.";
const UNIT = "ед.";
const PRISE_FOR_UNIT = "Цена, за 1 ед.";
const ON_REQUEST_TEXT = "по запросу";
const EMPTY_CART_TITLE = "Ваша корзина пуста";
const EMPTY_CART_TEXT =
"Выберите в каталоге интересующий товар и добавьте в корзину";
const EMPTY_CART_LINK_TEXT = "Перейти в каталог";
так выглядит js-файл с константами
В консоли ошибка по всем константам типа "Property "EMPTY_CART_TITLE" was accessed during render but is not defined on instance"
Как все-таки мне их правильно использовать?