Отдельный компонент Vue.js не работает должным образом

Question

Я новичок в Vue и Vue cli. Я хотел бы попробовать этот vue-tabs-component . И мой код в App.vue выглядит следующим образом:

<template>
  <div>
    <tabs>
        <tab name="First tab">
            First tab content
        </tab>
        <tab name="Second tab">
            Second tab content
        </tab>
        <tab name="Third tab">
            Third tab content
        </tab>
    </tabs>
  </div>
</template>

<script>
import Vue from 'vue';
import {Tabs, Tab} from 'vue-tabs-component';
Vue.component('tabs', Tabs);
Vue.component('tab', Tab);
export default {
  name: 'App'
}
</script>

В браузере: скриншот моей демонстрации , и демо, данное автором: скриншот авторской демонстрации . Как видите, этот компонент потерял свой CSS.

Что я могу сделать, чтобы это исправить, пожалуйста, покажи мне дорогу!

Answer 1

Нужный вам CSS в настоящее время доступен через:

import 'vue-tabs-component/docs/resources/tabs-component.css';

Пример:

import Vue from 'vue';
import {Tabs, Tab} from 'vue-tabs-component';
import 'vue-tabs-component/docs/resources/tabs-component.css';

Vue.component('tabs', Tabs);
Vue.component('tab', Tab);
export default {
  name: 'App'
}

Может работать, но, поскольку его нет в папке dist, я думаю, его можно удалить в будущем.