@maxelms/create-plugin-cli 1.1.8 → 1.1.14

package/templates/vue3vite-micro-app/src/components/HelloWorld.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+defineProps<{
+  msg: string
+}>()
+console.log('1234214321', '12341232323412')
+</script>
+
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+    <h3>
+      You’ve successfully created a project with
+      <a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
+      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
+    </h3>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  position: relative;
+  top: -10px;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>

package/templates/vue3vite-micro-app/src/main.ts

@@ -0,0 +1,40 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const subId = window.__MAXELMS_GLOBAL_ENV__?.popoverContainerId?.replace(/^maxelms-ma-popover-container-/, '') || ''
+
+if (subId) {
+  // @ts-ignore
+  window[subId] = {
+    bootstrap: (props: any) => {
+      // console.log('micro-app bootstrap', props);
+      return Promise.resolve();
+    },
+    mount: (props: any) => {
+      // console.log('micro mount', props);
+      return render(props)
+    },
+    unmount: () => {
+      console.log('micro-app unmount');
+      return Promise.resolve();
+    },
+  }
+} else {
+  render()
+}
+
+function render(props: any = {}) {
+  const { configurations } = props
+  console.log(configurations)
+  const app = createApp(App, {
+    configurations,
+  })
+  app.use(createPinia())
+  app.use(router)
+  app.mount('#micro-app')
+}

package/templates/vue3vite-micro-app/src/typings.d.ts

@@ -0,0 +1,5 @@
+interface Window {
+  __MAXELMS_GLOBAL_ENV__?: {
+    popoverContainerId: string
+  };
+}

package/templates/{vue3-micro-app → vue3vite-micro-app}/tsconfig.app.json

@@ -3,6 +3,7 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
+    "noImplicitAny": true,
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
 

package/templates/vue3-micro-app/src/main.ts

@@ -1,14 +0,0 @@
-import './assets/main.css'
-
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-
-import App from './App.vue'
-import router from './router'
-
-const app = createApp(App)
-
-app.use(createPinia())
-app.use(router)
-
-app.mount('#micro-app')