Как подключить сторонню библиотеку в проект vue/cli?

Question

[Enfiladed]

Здравствуйте! Я знаю, это уже спрашивали, но нормального ответа нигде не нашел. Есть маленькая библиотека autosize, она получает texarea и контролирует его размеры. Лежит autosize в папке assets. Структура проекта стандартная:
-public
-src
--assets
--components
--main.js
--app.vue

Что делаю я:

import autosize from "../assets/autosize-master/dist/autosize.js"

...
mounted: function(){
         autosize(this.$refs.textarea)
  }
...

Вроде как должно работать, ES6 все таки, но нет.
Подключение в index.html тоже не работает кстати. Есть какой-то более менее простой способ, чтобы не нужно было например создавать плагины? Заранее спасибо

Comments

[Miki06]

Устанавливай через npm и подключай в main js

Answer 1

[Кирилл Арутюнов]

npm i autosize
В нужном компоненте:

import autosize from 'autosize';

mounted() {
    autosize(this.$refs.someEl);
}

То есть вы всё корректно сделали, но видимо что-то не так с путями или что-то ещё.

По поводу плагинов и компонентов-обёрток есть раздел в документации.

Comments

[Enfiladed]

Спасибо большое)

[Кирилл Арутюнов]

Lisey, не забудьте после отправки сообщения сбросить поле ;–)

sendMessage () {
    if (this.message) {
        this.$store.dispatch('conversations/sendMessage', {id: this.conversation.id, message: this.message});
    }
    this.message = '';

    this.$nextTick(function() {
        autosize.update(this.$refs.chatMessageField);
    });
}

[Enfiladed]

Кирилл Арутюнов, Как раз дошел до этого, еще раз спасибо)