From 79179def2f398d5a97e51c0f9979fc0f16b52cb7 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 6 Oct 2024 12:52:52 -0700
Subject: [PATCH] chore(playground): upgrade prettier to v3

---
 playground/bun.lockb                | Bin 52802 -> 52803 bytes
 playground/package.json             |   2 +-
 playground/src/TabMarkdown.svelte   |  21 +++++++++++++++------
 playground/src/TabTypeScript.svelte |  23 +++++++++++++----------
 4 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/playground/bun.lockb b/playground/bun.lockb
index 59d3e0d37edf4142231594743b3907c032067e3e..200e4c74585c81da0c4f494d8e2a474eac51a0e3 100755
GIT binary patch
delta 1633
zcmZ8heN0tl7=K?bH#&t(hTeP6y$JG=iN@u^y>Pqo$14O*RJ5{2>Jmw=gc``FI~k>|
zEP)mB@Kw8#x>?OOtsOsh({O!^wvv%sH3ku}{Ms5ZU9@gy^*iTqSZjBC-rw{5e$U5!
z&pFR$A<O3>ONTq9_3g|LKfN$G*=iH&s615q?O$=;UvG)%=2O4__;IK%U;SvqB<Igl
zc2x39H47MvWo-Y@LdIM;E8x$=naCJ(;Jj{QOv3pc&Ul;%GjRJGnuEI=gNzMAbRYba
zIJG)v{{QQq13w@9_J)Sc#`<9JxyqW%%8EuBj*2e`fr|rI8LVrn*v(kyY)u8HjQHbd
zXxDi77;}GQ*5ACy@NcUrmMSjaghm_1Y`trDu&Ey7PN>JC?eS7)0%H$@w$K5|&%dI`
zLc#B)fKBi>Nr9cDFsy?juuo9HE_fR$us10TyMiLHFHpcC_%tc7MHGfTL=o653dn+g
zLy9b<Sd6?<@53E_X&t;mqpQu&-=Kg~@L^J%LP~Wqw%X9y{d^}yz#ON5OYkvLU=u0q
z64C}dlp?62iQD}W!Slh3q64V*B`Jx5TPU0;tkt-aHFVdJFR4JQ3{9e+&nIP(;I$N9
zB&4&rubl=X`=#V0#<JmAsX+GgM@dN%*4Gd#qL!q5>(@Z5bQGVAId!xN$Y77m#jXJv
zy5);awid|9I1jW=&$XnOv9&<!_1IfL273)?wo0n0YXCC3ou7;S17u{ZO*1nN1Fg~P
zjR6^b)6z{{Ezs;NKzcoXhm>?-^*q4X7HUb)x3&Ro($Uqqm{`KtMm^RE^t6tqfvR=%
z)Psyw=qL<iu(qX)1@+iIpmH6J&Y?htsp|nU*cl+B@A_qom1!CL1Sv}eCJe)tPy|+?
zK!(tsHLOJ83?bz|#MlZvIlL1tKX0PIGQr<dm1RZFm2JBo@y(07+Il&EU|;v2;{_d|
zQSZ>aO;cqhm+rKuyzc+LI_DkFNc>dnZ@!p=!;vfRZ(VZZ@0YXkhJTJclQiC(px!O&
zU5uCJv1cd9BSlLY_@=baI+qUYnC1y;UDd&Ko<o1M`FI{>w!5ufH-5CO-OIgdSNmlv
zub_%fnb**UE(cMk3v1?d=P)0lD_si~=ej+NnVTdjZeLADOkr6R-<s{#nd_ud6`vqi
zm+Ue>=EG?-V&k5ED^wnLb{-07rDcAbs=JEQ9M}l|-3)BUz!y^;bw5Cz<IZv8_0}58
zxWiw%N?qn&S$(4B)JXC@F;L}Ve9RQ0joqaf{aClmPtt{M*=6pl@~Xs^8+-dtLkp#*
zt)XeC25C#LOsPFiJ<Api;v|*zl;WReA9d2D9<TnNWs2?f%@)>DN?qnM+g7su{?tQH
zj_QT8wZht{c8iZiXuMZ;nafYPb#`P-TznBa4~EV0vCS0UC+pSi77tUXxUU>*>y!Qz
zb+FHE#m&qd@fx>Ch5b(bQOMY0d;5!ZnU`m&xBC5DI=9?d>Dt7v@(<MWN8e45vi8&m
c8yl;G^)zrinO-@wfP3kuV`=KeGY92=0dxr5HUIzs

delta 1650
zcmZ8hdrTB(5dXe|E38nJ3LMMwhL%Um_6|;uQ{y6{p;$yi8fu6Fkprnh<l$p$soF&2
zgEqi`TmrpFV@=?X(t2WhY3<8u(uS52+k{%HHEK!vz>t&#+Sv5BySJq2A3O7#ncvJe
z`#t9BV94i#AzgCnsj7&Pfw;fF|NT~<H#4!LC2d)KVS+Rq&0D5(HhevD_2PTwcR5$d
zVM#vH6wO#9V@Jnh7?YrDU_TC>z!-~zeh|x;0R0_w6g1onv7>DVJbT+cj9mk13G88L
zt&W-h|GHy{FGqY=TU%~>tH;w+*PL5d+fEafsPzMgEk&%()3U#IFJs-onunl8__tv}
zo0bb3Z62Ku+S?Nid)A*C(!j-OaI{v;rT6Uh>~BT8xBWw*wy3D?6^s=iY=J9W`)D>i
zlk7q`|B@DB6dp$IScShqD&)@;h*bm|7F&x9PM^iQcm=s_3O`LM<TM2!-LwFCnA~v+
zpCJ`;0|g*Y(gLJRZc*VAq>73Vf!`=Zr4ZtAE@3mQBHcO`>*BAIJ6_@6kP4Yf0mw#L
zfE*&Xr0|=hLP`{n6k!Vvs2F*nT0cS$EGH}rX;rS1nxJqC1rikNZtPDfJ&Ic+Tm;%=
za1va68L5d1Z>B(^B3#1Wy<|j0myndim;;uT){8D)PHK{3Jpo@abtJ8^eg(8iN6V8L
zE78%5Kt^<M(RUxn;N_&4(Pkhc<1*0mdafna^pyf_(S2SZBYGbwSS8KmwE`KdU0(G4
z17u{BrkfdEK&5)Un?T08X&EN387SBbkY11fMQVm(efCMls;DDljrBCpb{*YY^sRe}
zu?pSS4YWf?GeC_xs?21pR!1KI8PS+5#yq<3WuR&u{ji7%vQ1tekP-b8$XK^5hp|d6
zgP$igOF@SL$P!wBJVfqnMLTQAa0+BA!s=%jTaA+oB`&#mJGpZde!;Ki6vr2i-FRh~
zkFHu<5Po24VgLPay_TIvww~NEw#T=}I<q;$x~^;OYj^81@BQ-bfaeZ1Zq3_Lo%3tQ
z&d3|}ljl2a<#YZ=#r-L`G~0IH!7~XJvhcpNC+?(U^$+<I{+5Ol8QekhXPkT`<#x)}
zJh?zFpqkEnZuj?gj$3&R)%J+IiOPH9h<YT9oY9^MK2DRp(J3osJ7eZlNm_cixht%w
z(!zH-WIghL{M5j2lhi9p=ELqzpHnLK`K(~sWydNM&`OJZmKu9ErrR(b{yQaD{l{PY
z(baMb>^wP7#`V?~7O{uF^_EHIj464$`JJic$HKr`Dd%fF4Nyg28CoCe6ZtTG*e6Qn
z?5b`^=$Jm}8wD3kjoU;I!Ma9O{UW8Ejn}hcLlGFJ%ClwoQ^&b@`s8fB{?8&s_B(@x
zwUjc+9Behu?TSb{^}<cPutO`XwQ37-vU&QcUzE&2sLqZ}{iuBODtLA@o9D!piSmki
zbz6v?9ioliYHp(|zEuBpuWZH6%)Oa!>>?HU;`O5tF})7@HtMu|F8gPFE-s8cZH#xV
r<Kuk9|NglPE0*N$YxT6ZH+ouS`t+?tI({iSc*K*V$^I*sPKf^kMFQCY

diff --git a/playground/package.json b/playground/package.json
index 3c78aa86..f2bfdc26 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -11,7 +11,7 @@
     "carbon-components-svelte": "^0.85.2",
     "carbon-preprocess-svelte": "^0.11.6",
     "codemirror": "^5.65.17",
-    "prettier": "^2.8.8",
+    "prettier": "^3.3.3",
     "svelte-highlight": "^7.7.0",
     "vite": "^5.4.3"
   }
diff --git a/playground/src/TabMarkdown.svelte b/playground/src/TabMarkdown.svelte
index a740fcc9..a97082cd 100644
--- a/playground/src/TabMarkdown.svelte
+++ b/playground/src/TabMarkdown.svelte
@@ -2,12 +2,13 @@
   export let parsed_component = {};
   export let moduleName = "";
 
-  import plugin from "prettier/parser-markdown";
-  import prettier from "prettier/standalone";
+  import pluginMarkdown from "prettier/plugins/markdown";
+  import { format } from "prettier/standalone";
   import writeMarkdown from "../../src/writer/writer-markdown";
   import CodeHighlighter from "./CodeHighlighter.svelte";
 
   let markdown = "";
+  let code = "";
 
   $: components = new Map([[moduleName, { ...parsed_component, moduleName }]]);
   $: writeMarkdown(components, { write: false })
@@ -17,10 +18,18 @@
     .catch((error) => {
       console.log(error);
     });
-  $: code = prettier.format(markdown, {
-    parser: "markdown",
-    plugins: [plugin],
-  });
+  $: {
+    format(markdown, {
+      parser: "markdown",
+      plugins: [pluginMarkdown],
+    })
+      .then((formatted) => {
+        code = formatted;
+      })
+      .catch((error) => {
+        console.log(error);
+      });
+  }
 </script>
 
 <CodeHighlighter noWrap language="markdown" {code} />
diff --git a/playground/src/TabTypeScript.svelte b/playground/src/TabTypeScript.svelte
index 48658dae..0cf38545 100644
--- a/playground/src/TabTypeScript.svelte
+++ b/playground/src/TabTypeScript.svelte
@@ -2,8 +2,9 @@
   export let parsed_component = {};
   export let moduleName = "";
 
-  import plugin from "prettier/parser-typescript";
-  import prettier from "prettier/standalone";
+  import pluginTypeScript from "prettier/plugins/typescript";
+  import pluginEstree from "prettier/plugins/estree";
+  import { format } from "prettier/standalone";
   import { writeTsDefinition } from "../../src/writer/writer-ts-definitions";
   import CodeHighlighter from "./CodeHighlighter.svelte";
   import TabContentOverlay from "./TabContentOverlay.svelte";
@@ -15,15 +16,17 @@
     moduleName,
   });
   $: {
-    try {
-      prettier_error = null;
-      code = prettier.format(code, {
-        parser: "typescript",
-        plugins: [plugin],
+    prettier_error = null;
+    format(code, {
+      parser: "typescript",
+      plugins: [pluginTypeScript, pluginEstree],
+    })
+      .then((formatted) => {
+        code = formatted;
+      })
+      .catch((error) => {
+        prettier_error = error;
       });
-    } catch (error) {
-      prettier_error = error;
-    }
   }
 </script>