chore: updated play test example

unplugin · Aug 9, 2023 · 1528cf1 · 1528cf1
1 parent af897b2
commit 1528cf1
Show file tree

Hide file tree

Showing 11 changed files with 42 additions and 12 deletions.
diff --git a/build/publish.ts b/build/publish.ts
@@ -1,4 +1,3 @@
-
 import { series } from 'gulp'
 import { runTask } from './utils'
 export default series(

diff --git a/play/ce-app/uno.config.js b/play/ce-app/uno.config.js
@@ -1,4 +1,3 @@
-
 import { defineConfig, presetUno } from 'unocss'
 export default defineConfig({
   content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],

diff --git a/play/sub-style/index.html b/play/sub-style/index.html
@@ -9,6 +9,7 @@
   <body>
     <div id="app"></div>
     <vue-app></vue-app>
+    <vue-app></vue-app>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/play/sub-style/src/App.vue b/play/sub-style/src/App.vue
@@ -1,4 +1,3 @@
-
 <template>
   <bwsy-ce-foo />
 </template>
diff --git a/play/sub-style/src/deep/GreatGrandChild.vue b/play/sub-style/src/deep/GreatGrandChild.vue
@@ -1,4 +1,3 @@
-
 <template>
   <p class="my-grey">
     This should be grey

diff --git a/play/sub-style/src/deep/adwd.vue b/play/sub-style/src/deep/adwd.vue
@@ -1,4 +1,3 @@
-
 <template>
   <p class="my-green">
     This should be green

diff --git a/play/sub-style/src/main.ts b/play/sub-style/src/main.ts
@@ -3,9 +3,7 @@
   defineCustomElement,
 } from '../patches/vue.esm-browser.js'; */
 
-import {
-  defineCustomElement,
-} from 'vue'
+import { defineCustomElement } from 'vue'
 
 /* import App from './App.vue';
 import Foo from './bwsy-ce-foo.ce.vue';
@@ -35,12 +33,17 @@ app.config.compilerOptions.isCustomElement = (tag) => {
   return tag === 'vue-app';
 }; */
 
-import App from './scoped/my-component.vue'
+/* import App from './scoped/my-component.vue'
 // const app = createApp(App);
 
 const ceApp = defineCustomElement(App)
-customElements.define('vue-app', ceApp)
+customElements.define('vue-app', ceApp) */
+
 /*
 app.config.compilerOptions.isCustomElement = (tag) => {
   return tag === 'vue-app';
 }; */
+
+import App from './nested-same-component/same.vue'
+const ceApp = defineCustomElement(App)
+customElements.define('vue-app', ceApp)
diff --git a/play/sub-style/src/nested-same-component/foo.vue b/play/sub-style/src/nested-same-component/foo.vue
@@ -0,0 +1,17 @@
+<script setup>
+
+</script>
+
+<template>
+  <div>
+    <p class="foo">
+      should be red -- foo
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.foo {
+    color: red;
+}
+</style>
diff --git a/play/sub-style/src/nested-same-component/same.vue b/play/sub-style/src/nested-same-component/same.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import Foo from './foo.vue'
+</script>
+
+<template>
+  <div class="same">
+    same
+  </div>
+  <Foo />
+</template>
+
+<style scoped>
+.same{
+  color: red
+}
+</style>
diff --git a/play/sub-style/src/scoped/InNestedCE.vue b/play/sub-style/src/scoped/InNestedCE.vue
@@ -1,4 +1,3 @@
-
 <template>
   <p
     class="my-red"

diff --git a/vertify-commit.js b/vertify-commit.js
@@ -1,4 +1,3 @@
-
 import { readFileSync } from 'fs'
 import path from 'path'
 import color from 'ansi-colors'