fix: The order of style tags remains consistent with the playground

Author: baiwusanyu-c

packages/sub-style/src/inject/inject-api-custom-element.ts

@@ -39,7 +39,7 @@ const injectAddAndRemoveStyle = '_addChildStyles(styles, instance) {\n'
   + '        if (this._childStylesAnchor) {\n'
   + '          this.shadowRoot.insertBefore(\n'
   + '            s,\n'
-  + '            this._childStylesAnchor.nextSibling\n'
+  + '            this._childStylesAnchor\n'
   + '          );\n'
   + '        } else {\n'
   + '          this.shadowRoot.appendChild(s);\n'

play/sub-style/src/edison/A.ce.vue

@@ -3,12 +3,13 @@ import BComp from './B.vue'
 </script>
 
 <template>
-  <p class="a">A</p>
-  <BComp></BComp>
-
+  <p class="a">
+    A
+  </p>
+  <BComp />
 </template>
 
-<style scoped>
+<style>
 .a{
   color: red
 }

play/sub-style/src/edison/B.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import CComp from './C.vue'
 </script>
 
 <template>
-  <p class="b">B</p>
-<CComp></CComp>
+  <p class="a">
+    B
+  </p>
 </template>
 
 <style>