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

unplugin · Oct 23, 2023 · 4c1aa2b · 4c1aa2b
1 parent 1e67bd3
commit 4c1aa2b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/packages/sub-style/src/inject/inject-api-custom-element.ts b/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'

diff --git a/play/sub-style/src/edison/A.ce.vue b/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
 }

diff --git a/play/sub-style/src/edison/B.vue b/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>