Add phpinfo

src/components/MonacoEditor.vue

@@ -1,9 +1,9 @@
 <template>
-<div :id="name"></div>
+  <div :id="name"></div>
 </template>
 
 <script>
-import loader from '@monaco-editor/loader';
+import loader from "@monaco-editor/loader";
 
 let monacoResultInst = null;
 
@@ -16,11 +16,11 @@ export default {
     },
     language: {
       type: String,
-      default: 'text',
+      default: "text",
     },
     value: {
       type: String,
-      default: '',
+      default: "",
     },
     readonly: {
       type: Boolean,
@@ -40,7 +40,7 @@ export default {
   },
   unmounted() {
     if (monacoResultInst) {
-      monacoResultInst.editor.getModels().forEach(model => model.dispose());
+      monacoResultInst.editor.getModels().forEach((model) => model.dispose());
     }
   },
   watch: {
@@ -50,16 +50,14 @@ export default {
       deep: true,
       async handler(value, oldValue) {
         while (!monacoResultInst) {
-          await new Promise(r => setTimeout(r, 10));
+          await new Promise((r) => setTimeout(r, 10));
         }
 
         monacoResultInst.editor.getModels()[0].setValue(value.toString());
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

src/components/Sidebar.vue

@@ -1,30 +1,53 @@
 <template>
-	<header class="flex justify-between mx-2 mt-1">
-		<span class="font-bold">Tools</span>
-    <router-link :to="{name:'home'}" class="ml-4" tag="button">Home</router-link>
-	</header>
+  <header class="flex justify-between mx-2 mt-1">
+    <span class="font-bold">Tools</span>
+    <router-link :to="{ name: 'home' }" class="ml-4" tag="button"
+      >Home</router-link
+    >
+  </header>
 
-  <hr class="mt-2 mb-2">
+  <hr class="mt-2 mb-2" />
 
   <nav class="flex flex-col ml-2">
-    <div v-for="[title, routes] of Object.entries(menuRoutes).sort((a, b) => a[0].localeCompare(b[0]))" class="flex flex-col mb-2">
-      <p><i>{{ title }}</i></p>
-      <router-link v-for="[key, value] of Object.entries(routes)" :to="{name:key}" class="ml-4" tag="button">{{ value }}</router-link>
+    <div
+      v-for="[title, routes] of Object.entries(menuRoutes).sort((a, b) =>
+        a[0].localeCompare(b[0])
+      )"
+      class="flex flex-col mb-2"
+    >
+      <p>
+        <i>{{ title }}</i>
+      </p>
+      <router-link
+        v-for="[key, value] of Object.entries(routes)"
+        :to="{ name: key }"
+        class="ml-4"
+        tag="button"
+        >{{ value }}</router-link
+      >
     </div>
 
-    <hr class="mt-3 mb-3">
+    <hr class="mt-3 mb-3" />
 
     <div class="flex flex-col mb-2">
       <p><i>Other</i></p>
-      <a href="https://gist.stuzer.link/stuzer05/liked" class="ml-4" tag="button">Gist</a>
-      <a href="https://cyberchef.tools.stuzer.link/" class="ml-4" tag="button">Cyberchef</a>
-      <a href="https://pdf.tools.stuzer.link/" class="ml-4" tag="button">PDF tools</a>
+      <a
+        href="https://gist.stuzer.link/stuzer05/liked"
+        class="ml-4"
+        tag="button"
+        >Gist</a
+      >
+      <a href="https://cyberchef.tools.stuzer.link/" class="ml-4" tag="button"
+        >Cyberchef</a
+      >
+      <a href="https://pdf.tools.stuzer.link/" class="ml-4" tag="button"
+        >PDF tools</a
+      >
     </div>
   </nav>
 </template>
 
 <script>
-
 import { useToolsStore } from "@/stores/toolsStore";
 
 export default {
@@ -37,6 +60,6 @@ export default {
   },
   mounted() {
     this.menuRoutes = useToolsStore().tools;
-  }
-}
-</script>
+  },
+};
+</script>