Skip to content

Commit ceb8843

Browse files
authored
fix: lint error (#56)
* refactor: Auto format (`eslint . --fix`) * refactor: Auto format (`textlint --fix content/**`) * refactor: Fix textlint error
1 parent ef9bd27 commit ceb8843

File tree

4 files changed

+7
-8
lines changed

4 files changed

+7
-8
lines changed

content/1.vue/1.index.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@ ogImage: true
44

55
# Vueの基本
66

7-
Nuxtは、ユーザーインターフェイスを構築するためのプログレッシブなフレームワークである[Vue 3](https://vuejs.org/)を使用しています。このセクションでは、Vueの基本について説明します
7+
Nuxt は、[Vue 3](https://vuejs.org/)というユーザーインターフェイスを構築するためのプログレッシブなフレームワークを使用しています。このセクションでは、Vue の基本について説明します
88

99
エディタに表示されているのは、[Vueシングルファイルコンポーネント](https://vuejs.org/guide/scaling-up/sfc.html)(SFC)です。
1010

11-
SFCは、HTML、CSS、およびJavaScriptを一つの `.vue` ファイル内にまとめた再利用可能な自己完結型のコードブロックです。これは、JavaScriptロジックを定義するための[`<script setup>`](https://vuejs.org/api/sfc-script-setup.html)ブロック、HTMLテンプレートを定義するための`<template>`ブロック、およびCSSスタイルを定義するためのオプションの`<style>`ブロックで構成されています。右側のプレイグラウンドで実際に操作してみるか、[公式のVueドキュメント](https://v3.vuejs.org/guide/single-file-component.html)で詳細を読むことができます。
11+
SFC は、HTML、CSS、および JavaScript を 1 つの `.vue` ファイル内にまとめた再利用可能な自己完結型のコードブロックです。これは、JavaScript ロジックを定義するための[`<script setup>`](https://vuejs.org/api/sfc-script-setup.html)ブロック、HTML テンプレートを定義するための `<template>` ブロック、および CSS スタイルを定義するためのオプションの `<style>` ブロックで構成されています。右側のプレイグラウンドで実際に操作してみるか、[公式のVueドキュメント](https://v3.vuejs.org/guide/single-file-component.html)で詳細を読むことができます。
1212

13-
Nuxtでは、Vue SFCをそのままサポートしており、アプリケーションを構築するために使用することを強くお勧めします。NuxtがVueのデフォルトのVue SFCと異なる点の一つは[Vueユーティリティを自動インポート](https://nuxt.com/docs/guide/concepts/auto-imports)することです。そのため、`ref``computed`などのVue APIを直接インポートせずに使用することができます
13+
Nuxt では、Vue SFC をそのままサポートしており、アプリケーションを構築するために使用することを強くお勧めします。Nuxt が Vue のデフォルトの Vue SFC と異なる点の 1 つは[Vueユーティリティを自動インポート](https://nuxt.com/docs/guide/concepts/auto-imports)することです。そのため、`ref``computed` などの Vue API を直接インポートせずに使用することができます
1414

1515
::note
16-
**ヒント**: Vueコンポーネントを定義する方法はいくつかありますが、一般的には[Composition API](https://vuejs.org/guide/introduction.html#composition-api)を使用した[`<script setup>`](https://vuejs.org/api/sfc-script-setup.html)を使用することをお勧めします。これにより、より良い開発者体験を得ることができます。Vueを初めて使用する場合、異なる選択肢をすべて理解することにこだわる必要はありません。私たちの推奨する方法を採用すれば、最も直感的にVueを始められるでしょう
16+
**ヒント**: Vue コンポーネントを定義する方法はいくつかありますが、一般的には[Composition API](https://vuejs.org/guide/introduction.html#composition-api)を使用した[`<script setup>`](https://vuejs.org/api/sfc-script-setup.html)を使用することをお勧めします。これにより、より良い開発者体験を得ることができます。Vue を初めて使用する場合、異なる選択肢をすべて理解することにこだわる必要はありません。私たちの推奨する方法を採用すれば、最も直感的に Vue を始められるでしょう
1717
::
1818

1919
今後、以下のトピックについて説明します:

content/1.vue/5.summary/index.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Vueの基本のまとめ
22

3-
おめでとうございます!これでVueの基本を学び終わりました。さらにVueについて学びたい場合は[公式のVueドキュメント](https://vuejs.org/)をご覧ください。より詳しいガイドやチュートリアルが用意されています。
3+
おめでとうございます!これで Vue の基本を学び終わりました。さらに Vue について学びたい場合は[公式のVueドキュメント](https://vuejs.org/)をご覧ください。より詳しいガイドやチュートリアルが用意されています。
44

5-
次は、Nuxtがどのようにあなたの開発体験をさらに向上させるかを見ていきましょう
5+
次は、Nuxt がどのようにあなたの開発体験をさらに向上させるかを見ていきましょう

content/2.concepts/5.middleware/index.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ ogImage: true
77
Nuxt では、特定のルートにナビゲートする前にコードを実行する為のミドルウェアを提供しています。\
88
この機能は例えば、認証状態によってページへのアクセスを制限する場合などに便利です。
99

10-
ミドルウェアにはグローバルミドルウェアとページ単位のミドルウェアの2つの種類があります
10+
ミドルウェアにはグローバルミドルウェアとページ単位のミドルウェアの 2 つの種類があります
1111
どちらも、`middleware` ディレクトリに実装します。
1212

1313
## グローバルミドルウェア

content/2.concepts/8.rendering-modes/index.md

-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
ogImage: true
33
---
44

5-
65
# レンダリングモード
76

87
Nuxt は様々なレンダリングモードをサポートしています。\

0 commit comments

Comments
 (0)