Передать компонент в другой компонент, Vue.js
Добавляю vue-chessboard - готовый пакет. Компонент chessboard добавляется в App.vue - основной компонент. Но, если добавлять его не в App.vue, а в другой компонент, то не добавляются необходимые файлы из node_modules. Изменение пути к vue-chessboard не помогает. Как исправить? Или можно ли добавить компонент в App.vue, но сделать его доступным в других компонентах Vue.js?
https://www.npmjs.com/package/vue-chessboard
<template>
<form>
<chessboard/>
</form>
</template>
<script>
import {chessboard} from 'vue-chessboard' //не срабатывает эта строчка, в случае если chessboard не в App.vue
import 'vue-chessboard/dist/vue-chessboard.css'
export default {
components: {
chessboard
}
}
</script>
EDIT
Может я неправильно понимаю ситуацию. Если добавлять chessboard вне App.vue, то доска отображается, но фигуры прижимаются все к левой стороне за счет свойства transform: translate, которое автоматически неправильно вычисляется. Если же chessboard в App.vue, то все фигуры отображаются правильно.
