Передать компонент в другой компонент, 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, то все фигуры отображаются правильно.

chessboard вне App.vue


Ответы (0 шт):