From 7dee63edba7cf254727be079cb8478cd6736be0c Mon Sep 17 00:00:00 2001
From: Tobias Baunbaek <freeall@gmail.com>
Date: Wed, 31 Jan 2024 12:04:32 +0100
Subject: [PATCH] Indentation

---
 lib/devtools.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/lib/devtools.js b/lib/devtools.js
index d6b8df0..d5413fa 100644
--- a/lib/devtools.js
+++ b/lib/devtools.js
@@ -54,7 +54,7 @@ customElements.define('developer-tooling', class extends HTMLElement {
           }
 
           h2 { margin: 0 }
-          p { 
+          p {
             margin-block-start: 0.75em;
             margin-block-end: 0.75em;
           }
@@ -95,14 +95,13 @@ customElements.define('developer-tooling', class extends HTMLElement {
           <div>
             <div id=remote-inspect-explain>
               <h2>Remotely inspect Pear applications.</h2>
-            
               <p> Some application setup is required to enable remote debugging </p>
               <p> Install the <code>pear-inspect</code> module into the application </p>
               <pre><code>npm install pear-inspect</code></pre>
               <p> Add the following code to the application, before any other code: </p>
 
-              <pre><code>if (Pear.config.dev) {
-  const { Inspector } = await import('pear-inspect')
+<pre><code>if (Pear.config.dev) {
+  const { Inspector } = await import('@holepunchto/pear-inspect')
   const inpector = await new Inspector()
   const key = await inpector.enable()
   console.log('Pear Inspector key:', key.toString('hex'))
@@ -110,7 +109,7 @@ customElements.define('developer-tooling', class extends HTMLElement {
 
               <p>When the application is opened in development mode the inspection key will be logged.</p>
               <p>Paste the logged key into the input and use a compatible inspect protocol tool, such as chrome://inspect to view the remote target</p>
-              </div>
+            </div>
             <div id=remote-inspect>
               <div>
                 <form id="add-key-form">