add dom2component mixin

README.md

@@ -15,6 +15,7 @@
 * tags as buttons bellow a post
 * [pinch and pan media](https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1403)
 * swap of react and favorite button in status
+* adding __vueComponent__ to DOM nodes to make new mods work
 
 # For Translators
 

src/boot/after_store.js

@@ -15,6 +15,8 @@ import { CURRENT_VERSION } from '../services/theme_data/theme_data.service.js'
 import { applyTheme } from '../services/style_setter/style_setter.js'
 import FaviconService from '../services/favicon_service/favicon_service.js'
 
+import DomNodeToComponent from '../modules/domNodeToComponent.js'
+
 let staticInitialResults = null
 
 const parsedInitialResults = () => {
@@ -392,6 +394,7 @@ const afterStoreSetup = async ({ store, i18n }) => {
 
   app.use(vClickOutside)
   app.use(VBodyScrollLock)
+  app.use(DomNodeToComponent)
 
   app.component('FAIcon', FontAwesomeIcon)
   app.component('FALayers', FontAwesomeLayers)

src/modules/domNodeToComponent.js

@@ -0,0 +1,9 @@
+export default {
+  install: (Vue, options) => {
+    Vue.mixin({
+      mounted () {
+        this.$el.__vueComponent__ = this
+      }
+    })
+  }
+}