1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
import AvatarApp from './components/avatar/AvatarApp.vue';
import AvatarModule from './store/avatar.module';
import axios from 'axios';
import { h } from 'vue';
const mountApp = async (STUDIP, createApp, store, element) => {
let entry_id = null;
let entry_type = null;
let elem = document.getElementById(element.substring(1));
if (elem) {
entry_type = elem.attributes?.['entry-type']?.value ?? null;
entry_id = elem.attributes?.['entry-id']?.value ?? null;
}
const httpClient = axios.create({
baseURL: STUDIP.URLHelper.getURL(`jsonapi.php/v1`, {}, true),
headers: {
'Content-Type': 'application/vnd.api+json',
},
});
store.registerModule('avatar-module', AvatarModule);
const context = {
type: entry_type,
id: entry_id
}
await store.dispatch('setUserId', STUDIP.USER_ID);
await store.dispatch('users/loadById', { id: STUDIP.USER_ID });
await store.dispatch('setHttpClient', httpClient);
await store.dispatch('setContext', context);
await store.dispatch('loadAvatar');
const app = createApp({
render: () => h(AvatarApp),
store,
});
app.mount(element);
return app;
}
export default mountApp;
|
