Nuxt

JavaScript

definePropsにデフォルト値を与える方法【Vue3+TS】

Vue3とTypeScriptで、propsを受け取るには、下記コードのようにdefinePropsを使用します。 <script setup lang="ts"> interface Props { firstName: string; ...
JavaScript

definePropsの使い方【Vue3+TS】

definePropsの使い方 TypeScriptでは下記のコードのように、definePropsのジェネリクスに受け取りたいPropsを定義することができます。また、?をメンバの末尾に付け加えることで、任意のPropsを定義することがで...
JavaScript

Nuxt3へtailwind.cssのインストール

基本的に公式ドキュメントを参考にしていますので、困ったときは公式ドキュメントも参照してみると良いかもしれません! STEP1:インストール 使用しているパッケージマネージャーでインストールを行なってください。 yarn add -D tai...
JavaScript

Piniaのインストール方法【Nuxt3】

STEP1:プロジェクトの準備 npx nuxi init <project-name> cd <project-name> yarn STEP2:Piniaのインストール yarn add pinia @pinia/nuxt STEP3:...