参考にさせていただいたページ 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…

参考にさせていただいたページ nuxt.js - How to use webpack 5 with nuxt3 project - Stack Overflow Nuxt Configuration Reference · Nuxt nuxt.config.tsの編集 以下のようにbuilderを指定します。 export default defineNuxtConfig({ builder: 'webpack'…

参考にさせていただいたページ Installation · Get Started with Nuxt Nuxt3 インストールしてみた インストール まず公式ページに倣って以下のコマンドを実行しました。 npx nuxi init nuxt3_sample 以下のように表示されました。 user@mac samples % npx n…