jessuni

chrome.runtime.onConnect.addListener(port => {
  const tabId = port && port.sender && port.sender.tab.id
  if (port.name === 'hello') {
    enableIcon(tabId)
  }
  // disable icon when connection is closed
  port.onDisconnect.addListener(() => {
    disableIcon(tabId)
  })
})

jessuni

{
  "name": "My extension",
  "content_scripts": [
    {
      "matches": ["http://*.nytimes.com/*"],
      "run_at": "document_start",
      "js": ["contentScript.js"]
    }
  ]
}

jessuni

{
  "typeAcquisition": {
    "include": [
      "chrome"
    ]
  }
}

jessuni

// when content script runs, notify background
const port = chrome.runtime.connect({ name: 'hello' })

jessuni

function disableIcon(tabId) {
  chrome.browserAction.setIcon({
    tabId: tabId,
    path: {
      '16': '/images/icon16-gray.png',
      '32': '/images/icon32-gray.png',
    },
  })
  chrome.browserAction.setPopup({
    tabId,

jessuni

<template>
  <div contenteditable="true" @blur="update" v-text="modelValue"></div>
</template>
<script>
export default {
  props: {
    modelValue: {
      type: String,
      default: '',
    },

jessuni

<template>
  <div v-once contenteditable="true" @input="update" v-text="modelValue"></div>
</template>
<script>
export default {
  props: {
    modelValue: {
      type: String,
      default: '',
    },

jessuni

<template>
  <card v-model="content" />
</template>

<script>
  import Card from '...'
  
  export default {
    components: { Card },
    data() {

jessuni

// rename gist