chore: temp commit

Author: baiwusanyu-c

packages/core/index.ts

@@ -53,7 +53,6 @@ const unplugin = createUnplugin<Options>(
         name: `${NAME}:inject`,
         enforce: 'post',
         async transform(code: string, id: string) {
-          debugger
           // ⭐TODO: 只支持 .vue ? jsx, tsx, js, ts ？
           try {
             // transform in dev
@@ -67,11 +66,11 @@ const unplugin = createUnplugin<Options>(
                 code = injectCssOnServer(code, vbindVariableList)
             } else {
               // transform in build
-              if (id.includes('type=script') || id.endsWith('.vue')) {
+              /*if (id.includes('type=script') || id.endsWith('.vue')) {
                 const injectRes = injectCSSVars(code, vbindVariableList, isScriptSetup, userOptions.dev)
                 code = injectRes.code
                 vbindVariableList = injectRes.vbindVariableList
-              }
+              }*/
             }
 
             return code

packages/core/runtime.md

@@ -1,3 +1,7 @@
 在build bundle 阶段，改写 css
 似乎不太行得通....
-两个文件 相同的 importer path 上，相同的样式，相同的cssvars(hash 不同)，會衝突
+
+TODO server 時 vbindVariableList 要按照組件存儲，避免後面你的覆蓋卡面的
+
+方案一 打包時，每個組件路徑存一份样式文件，修改哈希， 參與css編譯
+方案二 打包时，在transform 的 pre， 将每个零组件路径的样式进行提升注入，并抹除importer，参与vue编译

play/src/App.vue

@@ -73,7 +73,7 @@ export default defineComponent({
 
 <template>
   <div class="scss" @click="sassColor = 'red'">
-    TEST
+    app
     <Comp />
   </div>
 </template>
@@ -87,4 +87,5 @@ div {
   color: v-bind(color)
 }
 @import './assets/scss/foo.scss';
+@import './assets/scss/bar.scss';
 </style>

play/src/comp.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue'
 const compAsd = () => 'red'
+const color = 'yellow'
 const compTheme1 = compAsd()
 const compTheme2 = 'red'
 const sassColor = 'pink'
@@ -12,7 +13,7 @@ const compTheme6 = () => 'red'
 
 <template>
   <div class="test">
-    TEST
+    comp
   </div>
 </template>
 
@@ -21,5 +22,9 @@ const compTheme6 = () => 'red'
 div {
    color: v-bind(color)
  }
-@import './assets/scss/bar.scss';
+// @import './assets/scss/bar.scss';
+.blue-btn {
+
+  color: v-bind(sassColor);
+}
 </style>