https://www.brei.men/assets/js/page/in.js

1'use strict';
2const PAGE_LAYER = {
3  data: Vue.ref([
4    {
5      name: 'TOP',
6      href: '/',
7    },
8  ]),
9
10  change(layer) {
11    this.data.value = [...layer];
12  },
13  push(link) {
14    this.data.value.push(link);
15  },
16};
17
18(() => {
19  PAGE_FUNCTION.add('in', {
20    enter() {
21      PAGE_IN.setup();
22    },
23    leave() {
24      PAGE_IN.destroy();
25    },
26  });
27  const PAGE_IN = {
28    instance: {},
29    setup() {
30      const headline = $_CURRENT_CONTENT.find('.v-headline');
31      if (headline.length > 0) {
32        this.instance[CURRENT_AREA_ID] = Vue.createApp(vHeadline);
33        this.instance[CURRENT_AREA_ID].mount($_CURRENT_CONTENT.find('.v-headline').get()[0]);
34      }
35    },
36    destroy() {
37      var _this$instance$PREV_A, _this$instance$PREV_A2;
38      (_this$instance$PREV_A = this.instance[PREV_AREA_ID]) === null || _this$instance$PREV_A === void 0 ? void 0 : (_this$instance$PREV_A2 = _this$instance$PREV_A.unmount) === null || _this$instance$PREV_A2 === void 0 ? void 0 : _this$instance$PREV_A2.call(_this$instance$PREV_A);
39    },
40  };
41
42  const vHeadline = Vue.defineComponent({
43    name: 'Headline',
44    setup(props, context) {
45      const init = Vue.ref(false);
46      Vue.onMounted(() => {
47        init.value = true;
48      });
49      return {
50        root: root,
51        init,
52        layer: PAGE_LAYER.data,
53      };
54    },
55  });
56})();