Open10
Vue.js / Nuxt (Vue3 / Nuxt3 or later)で利用したいESLint Rulesを調べる
GANGANVue / Nuxt で利用したい / 利用することが好ましいESLint rulesを調べる。
Note
最終的に記事化する
Todo
- Vue / Nuxt関連のESLint rulesを調査
- 記事にする
GANGANNuxt ESLint
Nuxtを利用するならばとりあえずこれ使っておけば良い。
articles
@nuxt/eslint-config
Nuxtアプリで利用されるESLint Config
articles
のスクラップで調査して記事化する。
@nuxt/eslint-plugin
Nuxt固有ルールがまとめられたESLint plugin。現在整備中っぽい
GANGAN
styleブロック
eslint-plugin-vue-scoped-css
GANGANa11y対応
eslint-plugin-vuejs-accessibility
メンテされている方。
articles
GANGANJSDoc
eslint-plugin-jsdoc
Note
@nuxt/eslint-configはデフォルトで追加済みである。そのため、Nuxtユーザーの追加設定は不要
GANGANMonorepo構成
pnpm workspaceを用いたmonorepo構成を組むことが多い。そのため、eslint-plugin-import-accessは有効
eslint-plugin-import-access
articles
GANGANStorybook
eslint-plugin-storybook
Official
GANGANVitest
eslint-plugin-vitest
GANGANDraft: CSS-in-JS
survey: Tailwind CSS、Panda CSS、etc.
Nuxt UIを利用する場合はTailwind CSSだけで良いか。
GANGANとりあえずどれ使えばええの？
そうなった場合は下記ルール等を利用すれば良い。これが1番簡単