参考にさせていただいたページ https://kubio.dev/nuxt-client-only/ 問題のコード 例えば以下のような感じで v-select を使用すると [Vue warn]: ... と出力されます。 <template> <div class="index-page"> </div></template>

参考にさせていただいたページ Vuetify公式ページ この記事執筆時点ではVuetify3の公式ドキュメントがまだ不充分だったので、以下のVuetify2の公式ドキュメントを参考にしました。 Selectsコンポーネント: Vuetify — A Material Design Framework for Vue.js…

参考にさせていただいたページ 公式ページ Get started with Vuetify 3 — Vuetify その他のページ How to use Vuetify with Nuxt 3 | Cody Bontecou はじめに 2023年1月4日現在の手順です。 この記事では以下のバージョンを使用しています。 "nuxt": "3.0.0"…

参考にさせていただいたページ layouts/ · Nuxt Directory Structure src/app.vueの編集 以下の通り記述しました。 <template> <NuxtLayout> <NuxtPage /> </NuxtLayout> </template> src/layouts/default.vue 以下の通り記述しました。 <template> <div class="default-layout"> <div>default-layout</div> <ul> </ul></div></template>

参考にさせていただいたページ Nuxt - Configuration sassとsass-loaderをインストールする 以下のコマンドでインストールしました。 npm install --save-dev sass sass-loader 参考にした「Nuxt - Configuration」では、sass-loader@10とバージョン指定され…

参考にさせていただいたページ 公式ドキュメントのNuxtConfigのページ Nuxt Configuration Reference · Nuxt Nuxt Configuration Reference · Nuxt nuxt.config.tsの編集 以下のようにsrcDirプロパティを追記します。 export default defineNuxtConfig({ src…

参考にさせていただいたページ Macのターミナルのユーザー名の変更 - Qiita .zshrcの記述例 個人用の端末でよく使っている設定 以下のように記述します。 # ターミナルのユーザ名とホスト名の表示設定 export PS1="user@mac %1~ %# " 業務用の端末でよく使っ…