web/forgejo
10
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Refactor from Vue2 to Vue3 (#20044)

Browse source 
Close #19902
This commit is contained in:
André Jaenisch 2022-10-01 16:26:38 +02:00 • committed by GitHub
parent 726afe8a9e
commit 04e97b8311
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 384 additions and 606 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web_src/js/features/contextpopup.js
View file

@ -1,5 +1,5 @@
import $ from 'jquery';
import Vue from 'vue';
import {createApp} from 'vue';
import ContextPopup from '../components/ContextPopup.vue';
import {parseIssueHref} from '../utils.js';
import {createTippy} from '../modules/tippy.js';
@ -17,17 +17,12 @@ export default function initContextPopups() {
if (!owner) return;
const el = document.createElement('div');
el.innerHTML = '<div></div>';
this.parentNode.insertBefore(el, this.nextSibling);
const View = Vue.extend({
render: (createElement) => createElement(ContextPopup),
});
const view = new View();
const view = createApp(ContextPopup);
try {
view.$mount(el.firstChild);
view.mount(el);
} catch (err) {
console.error(err);
el.textContent = 'ContextPopup failed to load';
@ -37,7 +32,7 @@ export default function initContextPopups() {
content: el,
interactive: true,
onShow: () => {
view.$emit('load-context-popup', {owner, repo, index});
el.firstChild.dispatchEvent(new CustomEvent('us-load-context-popup', {detail: {owner, repo, index}}));
}
});
});