Backup source of Nuxt/3(No. 8)

Backup list
View the diff.
View the diff current.
View the diff for visual.
View the backup.
Go to Nuxt/3.
- 1 (2023-06-21 (Wed) 14:06:23)
- 2 (2023-07-04 (Tue) 16:54:50)
- 3 (2023-07-10 (Mon) 01:15:37)
- 4 (2023-07-10 (Mon) 20:35:51)
- 5 (2023-07-10 (Mon) 22:28:14)
- 6 (2023-07-11 (Tue) 13:58:31)
- 7 (2023-07-11 (Tue) 23:36:32)
- 8 (2024-03-21 (Thu) 20:07:23)

- https://nuxtjs.org
- https://nuxtjs.org/ja/docs/get-started/installation

>
% npx nuxi@latest init <ProjectName>
>
% npx nuxi create sample-app

Nuxt.js 内で実行すると Nuxt.js に依存したプロジェクトができるので注意。
* 入門 [#ib855ee5]

- Nuxt3入門(第1回) - Nuxtがサポートするレンダリングモードを理解する
--  https://developer.mamezou-tech.com/nuxt/nuxt3-rendering-mode/
- Nuxt3入門(第2回) - 簡単なNuxtアプリケーションを作成する
--  https://developer.mamezou-tech.com/nuxt/nuxt3-develop-sample-app/

* nuxt.config [#le4edd44]

- https://nuxt.com/docs/api/configuration/nuxt-config

* setup [#hd7f9403]

setup 内のハンドラで document を参照するとエラーになる件。 > <no-ssr>  で解決

- Nuxt.jsでDom系のエラーの対応方法(ReferenceError: document is not defined)
--  https://masanyon.com/nuxt-js-vue-dom-error-resolve-document-is-not-defined/


* fetch API [#s318fee4]

-  Nuxt3でaxiosはなくなり、Fetch APIをつかうらしい
--  https://www.memory-lovers.blog/entry/2022/06/02/170000

* Tailwind [#g0fdceb6]

- https://nuxt.com/modules/tailwindcss
>
npm install --save-dev @nuxtjs/tailwindcss

>
nuxt.config.{ts,js}
 {
   modules: [
     '@nuxtjs/tailwindcss'
   ]
 }

*. [#i1032e8c]

- Nuxt 3がパブリックベータ版になったので新機能の紹介や所感など
--  https://zenn.dev/miruoon_892/articles/e06b1c7533d754df8a8c

- 神回|vue3.js nuxt3 typescriptどうやる？【ゼロから解説】
--  [https://field.asia/%E7%A5%9E%E5%9B%9Evue3-js-nuxt3-typescript%E3%81%A9%E3%81%86%E3%82%84%E3%82%8B%EF%BC%9F%E3%80%90%E3%82%BC%E3%83%AD%E3%81%8B%E3%82%89%E8%A7%A3%E8%AA%AC%E3%80%91/ https://field.asia/神回vue3-js-nuxt3-typescriptどうやる？【ゼロから解説】/]
https://nuxt.com/docs/api/configuration/nuxt-config#extends

Backup source of Nuxt/3 (No. 8)