CDNで読み込んだVuetifyでダークモードを使う方法

VuetifyをCDNで使うことはあまりなさそうですが、CDN形式で読み込んだVuetifyでダークモードを使う方法がネットになかったので一応まとめておきます。

CDNで読み込んだVuetifyでダークモードを使う方法

Vuetifyのインスタンスを呼び出す時にオプションをつけてあげるだけでOKです。

呼び出しのコードを以下のやつにしてあげれば簡単にできると思います。

new Vue({
el: '#app',
vuetify: new Vuetify({
theme: {
dark: true,
},
}),
})

これをファイルの最後の方に書いてあげるだけ。

<v-app>のタグになにか付け加える必要もありません。

Vuetifyは素晴らしいですね。