タイトルに v0.1 とあるように、この記事は未完成な部分が多く含まれます。現時点での筆者の頭の中を Dump したメモ程度のものだと思って読んでもらえると嬉しいです。 Nuxt 3 でのアプリケーション開発を効率的に進めるためには、明確なディレクトリ構成と設計方針が重要です。本記事では、Feature 型を意識しつつ、Nuxt のルールを尊重したディレクトリ構成の案を紹介します。また、コンポーネント設計におけるcontainerとpresentationalの分離についても解説します。 ディレクトリ構成 以下は、提案するディレクトリ構成の例です。Nuxt4 で採用予定の新しいディレクトリ構造に対応しています。 . ├── app │ ├── app.vue │ ├── components │ │ ├── app │ │ │ ├── AppBreadcrumb.vue │ │ │ ├──

タイトルの構成を Flat Config で実現しようと思ったら、若干ハマったので雑に書きました。 TL; DR 別途必要なライブラリはインストールしてください。 import globals from "globals"; import pluginJs from "@eslint/js"; import tseslint from "typescript-eslint"; import pluginVue from "eslint-plugin-vue"; import vueParser from "vue-eslint-parser"; import eslintConfigPrettier from "eslint-config-prettier"; export default [ { languageOptions: { globals: { ...globals.brows