Merge pull request #27 from tomoam/update-up-to-20230315

2023/03/15 迄の更新に追従

Author: tomoam

.github/workflows/node.js.yml

@@ -11,7 +11,7 @@ env:
   PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
 
 jobs:
-  build:
+  test:
     runs-on: ubuntu-latest
 
     strategy:
@@ -29,5 +29,4 @@ jobs:
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm playwright install chromium
-      - run: pnpm build
       - run: pnpm test

.gitignore

@@ -10,4 +10,5 @@
 .apps
 .vercel
 /content/tutorial/common/.svelte-kit
-/content/tutorial/common/node_modules
+/content/tutorial/common/node_modules
+/test-results

content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte/README.md

@@ -27,4 +27,4 @@ Svelte は、web アプリケーションを構築するためのツールです
 
 各セクションには、機能を解説するために作られた練習問題があります。後のセクションの練習問題は、それより前のセクションの練習問題で得た知識を土台として作られているので、最初から最後まで通しで学習することをおすすめします。必要に応じて、上部のメニューから移動することができます。
 
-行き詰まったら、エディタの左にある `正解を見る` ボタンをクリックすることもできます。(ここのように練習問題がないセクションでは無効化されています。) ただし、これに頼りすぎないようにしてください。提示されたコードブロックをどこに配置するか自分で考え、エディタに手入力することで、より早く学習することができます。
+行き詰まったら、<span class="desktop">エディタの左にある</span><span class="mobile">エディタ表示の右上にある</span> `正解を見る` ボタンをクリックすることもできます。(<span class="mobile">チュートリアル表示とエディタ表示を切り替えるには下のトグルを使用してください。</span>`正解を見る` ボタンはここのように練習問題がないセクションでは無効化されています。) ただし、これに頼りすぎないようにしてください。提示されたコードブロックをどこに配置するか自分で考え、エディタに手入力することで、より早く学習することができます。

content/tutorial/01-svelte/01-introduction/02-your-first-component/README.md

@@ -28,4 +28,4 @@ Svelteでは、アプリケーションは1つ以上の*コンポーネント*
 
 ```svelte
 <h1>Hello {name+++.toUpperCase()+++}!</h1>
-```
+```

content/tutorial/01-svelte/01-introduction/04-styling/README.md

@@ -9,7 +9,7 @@ HTMLと同じように、コンポーネントには`<style>`タグを置くこ
 
 <style>
 +++	p {
-		color: purple;
+		color: goldenrod;
 		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}+++

content/tutorial/01-svelte/01-introduction/04-styling/app-b/src/lib/App.svelte

@@ -2,7 +2,7 @@
 
 <style>
 	p {
-		color: purple;
+		color: goldenrod;
 		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}

content/tutorial/01-svelte/01-introduction/05-nested-components/app-a/src/lib/App.svelte

@@ -2,7 +2,7 @@
 
 <style>
 	p {
-		color: purple;
+		color: goldenrod;
 		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}

content/tutorial/01-svelte/01-introduction/05-nested-components/app-b/src/lib/App.svelte

@@ -7,7 +7,7 @@
 
 <style>
 	p {
-		color: purple;
+		color: goldenrod;
 		font-family: 'Comic Sans MS', cursive;
 		font-size: 2em;
 	}

content/tutorial/01-svelte/03-props/02-default-values/README.md

@@ -14,5 +14,5 @@ title: Default values
 
 ```svelte
 <Nested answer={42}/>
-+++<Nested/>+++
++++<Nested />+++
 ```

content/tutorial/common/src/__client.js

@@ -118,4 +118,14 @@ if (import.meta.hot) {
 			'*'
 		);
 	});
+
+	import.meta.hot.on('svelte:warnings', (data) => {
+		parent.postMessage(
+			{
+				type: 'warnings',
+				data
+			},
+			'*'
+		);
+	});
 }