use composables.

pnpm-lock.yaml

@@ -14,7 +14,7 @@ specifiers:
   normalize.css: ^8.0.1
   party-js: ^2.2.0
   pinia: ^2.0.28
-  prettier: ^2.8.2
+  prettier: ^2.8.3
   typescript: ^4.9.4
   unplugin-auto-import: ^0.12.1
   unplugin-icons: ^0.15.1
@@ -43,7 +43,7 @@ devDependencies:
   '@types/node': 18.11.18
   '@vitejs/plugin-vue': 4.0.0_vite@4.0.4+vue@3.2.45
   monaco-editor: 0.34.1
-  prettier: 2.8.2
+  prettier: 2.8.3
   typescript: 4.9.4
   unplugin-auto-import: 0.12.1_@vueuse+core@9.10.0
   unplugin-icons: 0.15.1
@@ -1266,8 +1266,8 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /prettier/2.8.2:
-    resolution: {integrity: sha512-BtRV9BcncDyI2tsuS19zzhzoxD8Dh8LiCx7j7tHzrkz8GFXAexeWFdi22mjE1d16dftH2qNaytVxqiRTGlMfpw==}
+  /prettier/2.8.3:
+    resolution: {integrity: sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true