Свойство '...' не существует для типа '...'

Question

Когда я пытаюсь использовать глобальную переменную компонента $CONSTANTS в шаблоне компонента класса vue, я получаю эту ошибку:

Свойство '$ CONSTANTS' не существует для типа 'PlacesAutocomplete'

Код, в котором происходит ошибка, выглядит следующим образом:

<template>
    <Icon :color='$CONSTANTS.COLORS.GRAY__NORMAL' />
</template>

<script lang="ts">
    import {Component, Vue} from 'nuxt-property-decorator';

    @Component
    export default class PlacesAutocomplete extends Vue {};
</script>

Я добавляю переменную $ CONSTANTS в глобальное значение vue следующим образом:

Vue.prototype.$CONSTANTS = {SOME: 'constant'};

Машинопись отвечает за эту ошибку, и я довольно новичок в использовании машинописи, поэтому я пытался решить эту проблему следующими способами:

index.d.ts:

interface PlacesAutocomplete { // Adding $CONSTANTS type definition to current component
    $CONSTANTS: any;
}

interface PlacesAutocomplete { // Adding $CONSTANTS type definition to Vue interface
    $CONSTANTS: any;
}

Ничего из этого не сработало.С другой стороны - эта ошибка не нарушает компиляцию ресурсов и не выдает никаких ошибок в консоли, она просто подчеркивает $CONSTANTS, сообщая мне, что есть ошибка.

РЕДАКТИРОВАТЬ:

Я используюVscode + Vetur, если это что-то изменит