manifest.json

{
  "manifest_version": 3,
  "short_name": "Chrome Extension Boilerplate",
  "name": "Chrome Extension Boilerplate",
  "version": "0.0.1",
  "description": "Chrome Extension Boilerplate with React, Vite, Typescript & Tailwind CSS",
  "author": "Ahmed Dinar <ahmeddinar.cs@gmail.com>",
  "action": {
    "default_icon": {
      "16": "public/icon16.png",
      "32": "public/icon32.png",
      "48": "public/icon48.png",
      "128": "public/icon128.png"
    },
    "default_popup": "popup.html",
    "default_title": "Chrome Extension Boilerplate with React, Vite, Typescript & Tailwind CSS"
  },
  "icons": {
    "16": "public/icon16.png",
    "32": "public/icon32.png",
    "48": "public/icon48.png",
    "128": "public/icon128.png"
  },
  "options_page": "options.html",
  "options_ui": {
    "page": "options.html",
    "open_in_tab": true
  },
  "background": {
    "service_worker": "src/entryPoints/background.tsx"
  },
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["src/entryPoints/content.tsx"],
      "run_at": "document_end",
      "all_frames": false,
      "match_about_blank": false
    }
  ],
  "web_accessible_resources": [
    {
      "resources": ["assets/fonts/*"],
      "matches": ["*://*/*"]
    }
  ],
  "permissions": ["tabs", "activeTab", "scripting", "storage"]
}