[Vue3] V-Calendarの表示崩れを治す方法（導入時）

起きたこと

• v-calendar の表示が崩れてしまう

原因

• CSSを正しく読み込めていなかった

解決策

• 以下のように、main.jsもしくはmain.tsにて、CSSのインポートを行うこと
• 公式ページ(https://vcalendar.io/vue-3.html) にも書いてある

Copied!

import { createApp } from 'vue'
import App from './App.vue'
import router from './app/router'
import { key, store } from './app/store'
import 'v-calendar/dist/style.css';createApp(App)
  .use(router)
  .use(store, key)
  .mount('#app')