"Ошибка типа: невозможно прочитать свойство" добавить "из неопределенного" в созданном жизненном цикле (Vue, buefy)

Question

Я работаю над проектом, используя buefy, но продолжаю получать удар TypeError: Cannot read property 'add' of undefined ошибка.

когда я пытаюсь добавить класс на вложенный элемент в created() жизненный цикл. Вот мои коды:

<code>
    <template>
        <base-messages
          class-name="is-kasmir"
        />
    </template>

    export default {
      created() {
        const element = document.querySelectorAll('.is-kasmir i');
        element.classList.add("mystyle");
      }
    };

</code>