Mixspa-vue is a wrapper for mixspa-core with vue.
Pleas reference here: mixspa-core
import { createApp } from '@mixspa/vue';
import App from './App';
createApp('vue-app', ({ baseurl }) => {
return {
render: h => h(App)
};
});
import { mixin } from '@mixspa/vue';
import App from './App';
import router from './router';
new Vue({
mixins: [mixin],
router: router,
render: h => h(App, { props: { baseUrl: '' } })
}).$mount('#app');
<template>
<app-loader app-id="vue-app" app-props="{}">
<div v-slot:loading>Loading...</div>
<div v-slot:fallback>Not found</div>
</app-loader>
</template>
<script>
import { AppLoader } from '@mixspa/vue'
export default {
components: {
'app-loader': AppLoader
}
}
</script>
<template>
<app-link to="/vue-app">Vue App</app-link>
</template>
<script>
import { AppLink } from '@mixspa/vue'
export default {
components: {
'app-link': AppLink
}
}
</script>
mixspa-vue is released under the MIT license.