chore: improve dev shell

Author: Akryum

packages/app-backend-core/src/hook.ts

@@ -35,7 +35,7 @@ export function installHook (target, isIframe = false) {
 
   let iframeChecks = 0
   function injectToIframes () {
-    const iframes = document.querySelectorAll<HTMLIFrameElement>('iframe')
+    const iframes = document.querySelectorAll<HTMLIFrameElement>('iframe:not([data-vue-devtools-ignore])')
     for (const iframe of iframes) {
       injectIframeHook(iframe)
     }

packages/shell-dev-vue2/public/target.html

@@ -8,6 +8,7 @@
     <div id="app"></div>
     <div id="shadow"></div>
     <iframe src="/target-iframe.html" width="100%"></iframe>
+    <script src="target/hook.js"></script>
     <script src="target/target.js"></script>
   </body>
 </html>

packages/shell-host/src/DevIframe.vue

@@ -116,6 +116,7 @@ export default defineComponent({
       ref="iframe"
       name="target"
       class="flex-1 border-none"
+      data-vue-devtools-ignore
       :src="src"
       @load="onLoad"
     />