Closed28

Nuxt3とかを触るスクラップ

ヤマチューヤマチュー

とりあえず、以下に沿ってNuxt3のサンプルを手元に作成
https://nuxt.com/docs/getting-started/installation

ヤマチューヤマチュー

app.vueが以下のような感じで、ちょっとビックリ

app.vue
<template>
  <div>
    <NuxtWelcome />
  </div>
</template>

NuxtWelcomeどこから来たんだ?と思ったらauto importされているっぽい(よく分かっていない)

ヤマチューヤマチュー

とりあえず、Nuxt3を動かせたのでBiomeをセットアップ

ヤマチューヤマチュー

UIライブラリ何か入れてみようと調べていたら、Nuxt自体が公式に出していた👀

https://ui.nuxt.com/

ヤマチューヤマチュー

見た目は結構シンプルで自分好み

Built with Headless UI and Tailwind CSS

と書いているので割りとカスタマイズし易いのかも

ヤマチューヤマチュー

📝ついでのメモ

最初は前に使っていたし、vuetifyでも良いかと思ったが最近の評判があまり良くない&やっぱり若干古い感じのするスタイルがデフォルトだったので今回は辞めた

またshadcn/uiも良いかもと思ったが、そんなにコンポーネントの種類は変わらなそうなので、公式が提供しているならそれに乗っ方方が良いと思った
(とくにULink が内部的に<NuxtLink>使ってくれてたりする部分とかは公式ならでは感)
https://ui.shadcn.com/docs/components/accordion

ヤマチューヤマチュー

Directory Structureあたりを読みながら必要なものだけ試していく

ヤマチューヤマチュー

OpenAPIスキーマからNuxt3のAPIにマッピングできないか試してみるスレ

参考:
https://nuxt.com/docs/guide/directory-structure/server
https://openapi-ts.pages.dev/

このスクラップは5ヶ月前にクローズされました