feat: translate content/0.index.md (#17)

* Translate index page to Japanese

* chore: update packageManager to [email protected] in package.json

Author: k-miyake

content/0.index.md

@@ -7,43 +7,43 @@ ogImage:
     description: An interactive tutorial for learning Nuxt
 ---
 
-# Welcome to Nuxt Tutorial!
+# Nuxt チュートリアルへようこそ！
 
-This is an interactive tutorial that is composed with guides and challenges to help you learn [Nuxt](https://nuxt.com/) and its concepts step by step.
+これは、ガイドとチャレンジで構成されたインタラクティブなチュートリアルで、[Nuxt](https://nuxt.com/) とその概念をステップバイステップで学ぶのに役立ちます。
 
-The goal of this tutorial is to quickly give you an experience of what it feels like to work with Nuxt and Vue, **right in the browser**. It does not aim to be comprehensive, and you don't need to understand everything before moving on. All playgrounds are editable with a full-featured editor and dev environment, so you can play with the code and see the result right away and learn by doing.
+このチュートリアルの目的は、**ブラウザだけ**で Nuxt と Vue を使って開発する感覚をすばやく体験してもらうことです。包括的に理解することは目指しておらず、次に進む前にすべてを理解する必要はありません。全てのプレイグラウンドは、フル機能のエディタと開発環境で編集可能なので、コードを操作してすぐに結果を見ることができ、実際に作りながら学ぶことができます。
 
-## What's Nuxt?
+## Nuxt とは?
 
-Nuxt is a free and [open-source framework](https://github.com/nuxt/nuxt) with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with [Vue.js](https://vuejs.org). Nuxt has no vendor lock-in, allowing you to deploy your application [**everywhere, even on the edge**](https://nuxt.com/blog/nuxt-on-the-edge).
+Nuxt は、[Vue.js](https://vuejs.org) を使用して、型安全でパフォーマンスが高く本番環境に適したフルスタックの Web アプリケーションやウェブサイトを作成するための直感的で拡張可能な方法を提供する、無料で[オープンソースのフレームワーク](https://github.com/nuxt/nuxt)です。Nuxt はベンダーロックインがなく、アプリケーションを[**どこでも、エッジ上でも**](https://nuxt.com/blog/nuxt-on-the-edge)デプロイすることができます。
 
-## Getting Started
+## はじめに
 
-With this tutorial, we assume you are already familiar with the basic concepts of HTML, CSS and JavaScript. Nuxt is a full-stack framework built on top of [Vue](https://vuejs.org), we also include a simple Vue tutorial to help you get started quickly.
+このチュートリアルでは、HTML、CSS、JavaScript の基本的な概念に既に精通していることを前提としています。Nuxt は[Vue](https://vuejs.org) の上に構築されたフルスタックフレームワークであるため、Vue の基本的なチュートリアルも提供しています。
 
-Start learning by clicking the topics below:
+以下のトピックをクリックして学習を始めてください：
 
 ::div{.flex.flex-wrap.gap-2}
-:content-card{to="/vue" title="Vue Basics" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-vue"}
-:content-card{to="/concepts" title="Nuxt Concepts" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-nuxt-icon"}
+:content-card{to="/vue" title="Vue の基本" description="Vue に馴染みがない場合は、まず Vue の基本を学んでください。" icon="i-logos-vue"}
+:content-card{to="/concepts" title="Nuxt の概念" description="Nuxt のコアコンセプトについて学びます。" icon="i-logos-nuxt-icon"}
 ::
 
-## Case Studies
+## ケーススタディ
 
-Once you are already familiar with the concepts of Vue and Nuxt, we provide some case studies to help you understand how to use Nuxt in real-world applications:
+Vue と Nuxt の概念に既に精通している人向けに、実際のアプリケーションで Nuxt をどのように使用するかを理解するためのケーススタディを提供しています：
 
 ::div{.flex.flex-wrap.gap-2}
-:content-card{to="/" wip title="GitHub Profile" description="Build an website to generate custom user profile from GitHub" icon="i-ph-user-circle-duotone"}
-:content-card{to="/" wip title="ECommerce" description="Build a basic ECommerce site with product display, cart and login" icon="i-ph-shopping-cart-duotone"}
+:content-card{to="/" wip title="GitHubプロフィール" description="GitHub のカスタムユーザープロフィールを生成するウェブサイトを作成します" icon="i-ph-user-circle-duotone"}
+:content-card{to="/" wip title="Eコマース" description="商品表示、カート、ログイン機能を持つ基本的なEコマースサイトを作成します" icon="i-ph-shopping-cart-duotone"}
 ::
 
-## About This Playground
+## このプレイグラウンドについて
 
-This playground itself is also built with Nuxt. It uses:
+このプレイグラウンド自体も Nuxt で構築されており、以下のツールを使用しています：
 
-- [WebContainers](https://webcontainers.io/) to create a fully-featured Node.js environment in your browser to run Nuxt dev server.
-- [Nuxt Content](https://content.nuxt.com/) to provide content management for the playground.
-- [Monaco Editor](https://microsoft.github.io/monaco-editor/) to provide a code editor with syntax highlighting and code completion.
-- [Volar](https://github.com/volarjs/volar.js) to provide Vue and TypeScript language support for Monaco Editor.
+- [WebContainers](https://webcontainers.io/)：ブラウザ内で完全に機能する Node.js 環境を作成し、Nuxt の開発サーバーを実行します。
+- [Nuxt Content](https://content.nuxt.com/)：プレイグラウンドのコンテンツ管理機能です。
+- [Monaco Editor](https://microsoft.github.io/monaco-editor/)：シンタックスハイライトとコード補完を提供するエディタです。
+- [Volar](https://github.com/volarjs/volar.js)：Monaco Editor の Vue と TypeScript の言語サポートを提供します。
 
-You can find the [source code on GitHub](https://github.com/nuxt/learn.nuxt.com) to learn more about how this playground is built.
+このプレイグラウンドの構築方法については、[GitHub のソースコード](https://github.com/nuxt/learn.nuxt.com)を参照してください。

package.json

@@ -2,7 +2,7 @@
   "name": "learn.nuxt.com",
   "type": "module",
   "private": true,
-  "packageManager": "[email protected].1",
+  "packageManager": "[email protected].4",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",

templates/basic/package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "packageManager": "[email protected].1",
+  "packageManager": "[email protected].4",
   "scripts": {
     "dev": "nuxt dev",
     "prepare": "nuxt prepare"