как открыть новую вкладку в расширении cherome vue и установить номер socket.io dynamici c

Question

Как я могу открыть новую вкладку, где запущено мое расширение vue chrome? Я использую этот шаблон и не могу загрузить свой почтовый ящик. html файл, который открывается фоновым скриптом. Мне нужно создать канал обмена сообщениями, который может проинструктировать мой фоновый файл. js при открытии новой вкладки для создания нового подключения к веб-сокету с помощью socket.io. У меня вопрос, как я могу обмениваться сообщениями из фона js с новой открытой вкладкой, и как я могу открыть новую вкладку, которая будет соединяться с каналом ввода-вывода Provate? Есть ли расширение vue или способ установки? динамическая комната c на основе идентификатора вкладки может быть?

// background.js
var port = chrome.runtime.connect({name: "knockknock"});

chrome.tabs.create({url: chrome.extension.getURL()});

chrome.runtime.onMessage.addListener( (request, sender, sendResponse) => {
      console.log(sender.tab ?
                  "from a content script:" + sender.tab.url :
                  "from the extension");
      //if (request.greeting == "hello")
      sendResponse({status: "ready"});

});

// inbox.js (it's served like popup html, the things about vue seems ok)

import Vue from 'vue'
import App from './App'
import router from './router'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  data: {},
  router,
  render: h => h(App),
  mounted() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, {status: "opened"}, function(response) {
        console.log(response.status);
      });
    });
  }
})