deps: Upgrade Prettier to v3 (#131)

.prettierignore

@@ -1,2 +1,3 @@
+*.html
 packages/@vivliostyle/theme-epub3j/**/*.css
 packages/@vivliostyle/theme-epub3j/**/*.md

.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "always",
+  "embeddedLanguageFormatting": "off",
+  "overrides": [
+    {
+      "files": "*.md",
+      "options": { "printWidth": 100000 }
+    }
+  ]
+}

package.json

@@ -28,8 +28,8 @@
     "lerna": "^3.22.1",
     "lint-staged": "^10.2.11",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.4",
-    "pretty-quick": "^3.1.3",
+    "prettier": "^3.3.3",
+    "pretty-quick": "^4.0.0",
     "ts-node": "^8.10.2",
     "typescript": "^5.3.3"
   },

packages/@vivliostyle/theme-academic/example/fet.md

@@ -253,7 +253,6 @@ $$
 
 <!-- ここまで図 -->
 
-
 <!--
   section囲みを回避するために直接h2タグを挿入する
   将来的には末尾に # を挿入することで制御可能になる

packages/@vivliostyle/theme-academic/example/microcomputer.md

@@ -12,34 +12,41 @@
 </div>
 
 ## 目的
+
 C 言語を用い、LED やサーボ・ステッピングモータを制御するプログラムを作成し、ワンチップマイコン実験装置を用い動作確認を行う。また、A/D コンバータなどのマイコン内部の周辺回路動作についても理解する。これらの実験を通し、マイコン制御の基礎と開発環境などについて学ぶ。
 
 ## マイコンの基本構造
-一般的なマイコンはCPU・ROM・RAM・各種周辺回路で構成され、各ブロックは、アドレスバス、データバス、制御バスに繋がっている。
 
+一般的なマイコンはCPU・ROM・RAM・各種周辺回路で構成され、各ブロックは、アドレスバス、データバス、制御バスに繋がっている。
 
 ### CPU
+
 **CPU (Central Processing Unit)** はマイコンの頭脳とも呼べる部分である。主に制御・演算を行う部位で、ROM に書き込まれている。プログラムコード（ソフトウエア）の命令通りに動作する。
 
 ### 記憶装置
+
 **レジスタ**は CPU の内部にある記憶領域で、アクセス速度は高速だが、保持できる容量は少ない。CPU は、ROM や RAM から読み出したデータや、演算結果をこのレジスタに一時的に保持する。レジスタのデータをメモリに書き込むには、アドレスを元にしてメモリにアクセスする。
 
 **ROM (Read Only Memory)** は電源を切っても中身のデータは消えない「不揮発性」メモリで、プログラム（ソフトウエア）や固定データが記憶されている。エミュレーターでこのメモリにプログラムを書込む。
 
 **RAM (Random Access Memory)** は電源を切ると記録している内容が消える「揮発性」メモリで、データの一時的な保存に使用する。ROM と比べて容量は少ない。
 
 ### 周辺回路
-汎用 I/O はマイコン外部との信号を送受信するのに使用する。**シリアル**は UART, USB などの通信を行う。**ADC・DAC** はアナログ/デジタル変換機能を持つ。**タイマ**は時間を計測する機能を持つ。**割込みコントローラ**は通常のプログラム実行時に、通常外の特例の処理を行うきっかけをつくる。例えばスイッチが押された、時間が経過した、ADC が完了した等である。**メモリコントローラ**は外付けの大容量メモリの制御を行う。
 
+汎用 I/O はマイコン外部との信号を送受信するのに使用する。**シリアル**は UART, USB などの通信を行う。**ADC・DAC** はアナログ/デジタル変換機能を持つ。**タイマ**は時間を計測する機能を持つ。**割込みコントローラ**は通常のプログラム実行時に、通常外の特例の処理を行うきっかけをつくる。例えばスイッチが押された、時間が経過した、ADC が完了した等である。**メモリコントローラ**は外付けの大容量メモリの制御を行う。
 
 ## 実験手順
+
 ### 課題 1 LED の点滅
+
 LED ドットマトリクスの LED を点滅させるプログラムを作成し、動作確認を行った。点滅周期は 0.5 秒とした。
 
 ### 課題 2 SW 入力
+
 プッシュ SW を押下時に LED を点灯させるプログラムを作成し、動作確認を行った。プッシュ SW は SW1 を使用し、`P8_0` に接続して使用した。
 
 ### 課題 3 サーボモータの制御
+
 サーボモータを回転させるプログラムを作成し、動作確認を行った。プッシュ SW1 押下時は左方向、プッシュ SW2 押下時は右方向とした。また、SW1 と SW2 の同時押しで基点に戻ることとした。
 
 `SERVO MOTOR` を `PA_2` に接続して使用した。プッシュ SW1 は `P8_0` 、 SW2 は `P8_1` に接続して使用した。また、プログラム転送後に `SERVO MOTOR` のスイ ッチを ON にした。
@@ -64,7 +71,9 @@ LED ドットマトリクスの LED を点滅させるプログラムを作成
 </table>
 
 ## 実験結果
+
 ### 課題 1 LED の点滅
+
 LED マトリクスの左下にある LED が点滅した。周期は 0.5 秒より若干長かった。
 
 <div class="frame">
@@ -98,6 +107,7 @@ int main(void)
 </div>
 
 ### 課題 2 SW 入力
+
 プッシュ SW 押下時、LED マトリクスの右端 1 列を除いた全ての LED が点灯した。
 
 <div class="frame">
@@ -125,6 +135,7 @@ int main(void)
 </div>
 
 ### 課題 3 サーボモータの制御
+
 プッシュ SW1 押下時に左方向、プッシュ SW2 押下時に右方向に回転した。同時押しで基点に戻った。
 
 <div class="frame">

packages/@vivliostyle/theme-base/css/common/basic.css

@@ -176,11 +176,9 @@ html {
 }
 
 body {
-  /* TODO: Remove prettier-ignore after Prettier v3
-  https://github.com/prettier/prettier/issues/13202 */
-  /* prettier-ignore */
   counter-reset: var(--vs-crossref--root-counter-reset,)
-    var(--vs-footnote--root-counter-reset,) var(--vs-document-root-counter-reset,);
+    var(--vs-footnote--root-counter-reset,)
+    var(--vs-document-root-counter-reset,);
 }
 
 code,

packages/@vivliostyle/theme-base/css/partial/footnote.css

@@ -79,11 +79,16 @@
   margin-block: var(--vs-footnote--area-margin-block);
 }
 
-/* prettier-ignore */
 @-adapt-footnote-area ::before {
   display: var(--vs-footnote--area-before-display);
-  border-block-start-color: var(--vs-footnote--area-before-border-color, var(--vs--hr-border-color, var(--vs-border-color)));
-  border-block-start-width: var(--vs-footnote--area-before-border-width, var(--vs--hr-border-width, var(--vs-border-width)));
+  border-block-start-color: var(
+    --vs-footnote--area-before-border-color,
+    var(--vs--hr-border-color, var(--vs-border-color))
+  );
+  border-block-start-width: var(
+    --vs-footnote--area-before-border-width,
+    var(--vs--hr-border-width, var(--vs-border-width))
+  );
   margin-block: var(--vs-footnote--area-before-margin-block);
   margin-inline: var(--vs-footnote--area-before-margin-inline);
 }

packages/@vivliostyle/theme-base/css/partial/page.css

@@ -418,9 +418,6 @@
 }
 
 @page :first {
-  /* TODO: Remove prettier-ignore after Prettier v3
-  https://github.com/prettier/prettier/issues/13202 */
-  /* prettier-ignore */
   counter-reset: vs-counter-doc vs-counter-part vs-counter-chapter
     var(--vs-first-page-counter-reset,);
 }

packages/@vivliostyle/theme-base/example/default.md

@@ -11,7 +11,7 @@ vfm:
 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt error aut
 perspiciatis ducimus ut excepturi unde assumenda minus praesentium ipsa.
 Id magnam assumenda rerum. Eius eveniet pariatur libero laudantium rerum.
-*emphasis text* / **bold text** / ***bold emphasis text*** /
+_emphasis text_ / **bold text** / **_bold emphasis text_** /
 `inline code block` / ~~strikethrough text~~ /
 <big>bigger text</big> / <small>smaller text</small> /
 H<sub>2</sub>O / x<sup>2</sup> / {Ruby|ルビ} /
@@ -32,16 +32,16 @@ $E = mc^2$
 
 ###### Heading 6
 
-----
+---
 
 ## Lists
 
-* Ham
-* Cheese
-* Bacon
-  * foo
-  * bar
-    * baz
+- Ham
+- Cheese
+- Bacon
+  - foo
+  - bar
+    - baz
 
 1. Mix flour, baking powder, sugar, and salt.
 2. In another bowl, mix eggs, milk, and oil.
@@ -86,8 +86,8 @@ const html = Prism.highlight(code, Prism.languages.javascript, 'javascript');
 <figcaption>Markdown table</figcaption>
 <div>
 
-| aaa | bbb |
-|:---|---:|
+| aaa                           |                          bbb |
+| :---------------------------- | ---------------------------: |
 | loooooooooooooooooooooooooong | taaaaaaaaaaaaaaaaaaaaaaaable |
 
 </div>

packages/@vivliostyle/theme-bunko/example/bunko.md

@@ -38,7 +38,6 @@
 
 そして教室中はしばらく{机|つくえ}の{蓋|ふた}をあけたりしめたり本を重ねたりする音がいっぱいでしたがまもなくみんなはきちんと立って礼をすると教室を出ました。
 
-
 ## 二、活版所
 
 ジョバンニが学校の門を出るとき、同じ組の七八人は家へ帰らずカムパネルラをまん中にして校庭の{隅|すみ}の{桜|さくら}の木のところに集まっていました。それはこんやの星祭に青いあかりをこしらえて川へ流す{烏瓜|からすうり}を取りに行く相談らしかったのです。

packages/create-vivliostyle-theme/templates/default/README.md

@@ -22,7 +22,7 @@ If you want to add your CSS:
 module.exports = {
   theme: [
     '{{kebab name}}',
-    // add your CSS 
+    // add your CSS
   ],
 };
 ```

packages/create-vivliostyle-theme/templates/default/example/default.md

@@ -33,6 +33,7 @@ Issues are managed on GitHub[^issues].
 Footnotes can also be written inline^[This part is a footnote.].
 
 [^1]: [VFM](https://github.com/vivliostyle/vfm)
+
 [^issues]: [Issues](https://github.com/vivliostyle/vfm/issues)
 
 # Frontmater

packages/create-vivliostyle-theme/templates/default/theme.css

@@ -35,8 +35,8 @@
    * Customize styles about footnotes
    * https://github.com/vivliostyle/themes/tree/main/packages/%40vivliostyle/theme-base#footnotes
    */
-   --vs-footnote--call-content: '[' counter(footnote) ']';
-   --vs-footnote--area-before-margin-inline: 0 80%;
+  --vs-footnote--call-content: '[' counter(footnote) ']';
+  --vs-footnote--area-before-margin-inline: 0 80%;
 
   /*
    * Customize styles about paged media