Chrome Extension Manifest V3 changes and dependency management.

[NathanWEdwards]

• chrome.tabs.executeScript() has been deprecated. Add the 'scripting' permission to manifest.json permissions. Consider making the following change to popup.vue:

  chrome.tabs.executeScript(null, { file: 'payload.js' });

  to

  chrome.tabs.query({active: true, currentWindow: true}).then(([tab]) => {
      chrome.scripting.executeScript(
      {
        target: {tabId: tab.id},
        files: ['payload.js']
      });
    })

• filings.html references a Vue script that needs to be modified. Consider using ./node_modules/vue/dist/vue.global.js.

• chrome.extension.getURL is deprecated. Use chrome.runtime.getURL instead.

• Vue 3 no longer requires and deprecated Vue.set() for property reactivity.

In popup.vue one may modify the following lines from Vue 2 Vue.set() method calls to just simply setting a property:

E.g. from

this.$set(this.responses, noa.id + '-feeForm', false);

to

this.responses[noa.id + '-feeForm'] = false;

• filings.html requires several dependencies located in node_modules. Consider adding an npm postbuild script to add production dependencies into the build directory.

  "postbuild": "npm i --production --prefix=./build"

[NathanWEdwards]

• The esbuild build.js script has been modified to output target files into an output directory and additional loaders for styling file types have been defined.

• detectChangesInChromeStorage() and loadAll() in popup.vue each now bind the Vue app instance to a variable.

• In popup.vue, dateFormatSimple(), stringAgeInYearsAtDate(), sinceNow(), toCountyCode() has been moved from Vue SFC filter definitions to Vue SFC method definitions.

• moment is now import by pills-row.vue.

• Source attributes to image elements in popup.vue have been added.