Расширение Vue в Chrome: добавление приложения Vue в тело

Question

Я очень новичок в VueJS, и недавно я начал проект с VueJS для расширения в Chrome. Я хочу, чтобы мой элемент app.vue отображался в элементе body любых веб-страниц, поэтому я попытался использовать селектор запросов для его отображения. Этот селектор запросов установлен в моем popup.js, который отображает мой #App. Когда я запускаю расширение, оно не работает. Кто-нибудь имеет представление о том, как это работает?

Для отображения моего расширения я попытался использовать то, что нашел на этом форуме: https://forum.vuejs.org/t/vue-in-chrome-extension-append-div-to-body/5821/2

import Vue from 'vue'
import App from './App'
import router from './router/index'
import { store } from '../store/index'

const element = document.querySelector('body').firstChild
const anchor = document.createElement('DIV')
anchor.insertBefore(element)

new Vue({
  store: store,
  el: anchor,
  router,
  
  render: h => h(App)
})