feat: @unplugin-vue-ce/ce-app support A more complete app instance ob…

…ject

packages/ce-app/index.ts

@@ -22,13 +22,11 @@ export function createCEApp(
     }
   }
 
-  const app: App | undefined = undefined
+  const app: App = createApp(rootComponent)
   const rootCEComponent = () => defineCustomElement({
     setup() {
-      const app = createApp(rootComponent)
-
       plugins.forEach((value) => {
-        app.use(value.plugin, value.option)
+        app!.use(value.plugin, value.option)
       })
 
       const inst = getCurrentInstance()
@@ -41,9 +39,9 @@ export function createCEApp(
 
   const mount = (ceName: string) => {
     customElements.define(ceName, rootCEComponent())
-    return app
   }
   return {
+    ...app,
     mount,
     use: usePlugin,
   }

play/ce-app/src/Entry.vue

@@ -1,9 +1,11 @@
 <script setup>
 import '@virtual:uno'
+import { inject } from 'vue'
 import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from './components/HelloWorld.vue'
 import { useCounterStore } from './stores/counter'
 const { increment, getV } = useCounterStore()
+const msg = inject('message')
 </script>
 
 <template>
@@ -19,6 +21,7 @@ const { increment, getV } = useCounterStore()
 
     <div class="wrapper">
       <HelloWorld :msg="`You did it! ${getV()}`" />
+      <h2> inject: {{ msg }} </h2>
       <nav>
         <RouterLink to="/">
           Home

play/ce-app/src/main.ts

@@ -9,6 +9,7 @@ import router from './router'
 const app = createCEApp(App)
 app.use(createPinia())
 app.use(router)
+app.provide('message', 'hello')
 app.mount('vue-app')
 
 const ceEntry = defineCustomElement(Entry)