feat(TS): switch from vue2 and 3 directly to vue-demi

package.json

@@ -43,8 +43,14 @@
   },
   "homepage": "https://github.com/AckermannJan/single-spa-vue#readme",
   "peerDependencies": {
+    "@vue/composition-api": "^1.7.2",
     "vue": "^2.7.0 || >=3.0.0"
   },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.22.5",
     "@babel/preset-env": "^7.25.3",
@@ -73,5 +79,8 @@
     "vue": "^3.4.23",
     "vue-tsc": "^2.0.13",
     "vue2": "npm:[email protected]"
+  },
+  "dependencies": {
+    "vue-demi": "^0.14.10"
   }
 }

src/parcel.ts

@@ -1,4 +1,4 @@
-import { defineComponent, h } from "vue";
+import * as Vue from "vue";
 
 interface RenderedComponentProps {
   ref: string;
@@ -20,7 +20,7 @@ interface Parcel {
   getStatus: () => string;
 }
 
-export default defineComponent({
+export default Vue.defineComponent({
   props: {
     config: [Object, Promise],
     wrapWith: String,
@@ -32,7 +32,8 @@ export default defineComponent({
     },
     parcelProps: Object,
   },
-  render() {
+  render(h: typeof Vue.h | undefined) {
+    h = typeof h === "function" ? h : Vue.h;
     const containerTagName: string = this.wrapWith || "div";
     const props: RenderedComponentProps = { ref: "container" };