/chrome-extention-kaioken-template-ts

Primary LanguageTypeScriptMIT LicenseMIT

Chrome Extention template using Kaioken

here's how you should use this Repository:

  • First clone this Repo on your machine:
  git clone https://github.com/saranatour1/chrome-extention-kaioken-template-ts.git
  • then cd into the repo, and install the packages:
cd chrome-extention-kaioken-template-ts
pnpm i
pnpm dev
  • next, go to chrome on chrome://extensions/ and tick the developers mode, image
  • then, click on load unpacked and import the dist file, image and voilà! you should be able to load the template in dev mode!
  • in the vite config file, the following lines can be added to support hmr in dev mode,
    server: {
      port: 5173,
      strictPort: true,
      hmr: { port: 5173 },
    },
  • if you want to use it outside of dev-mode, build the template.
pnpm build