From 842c158f96b1e469f50efdca385f9909e35811f0 Mon Sep 17 00:00:00 2001
From: Aaron <aaronklinker1@gmail.com>
Date: Sat, 19 Oct 2024 02:38:45 -0500
Subject: [PATCH] chore: Enable `extensionApi: chrome` in template projects
 (#1083)

---
 packages/wxt/src/types.ts       | 2 +-
 templates/react/wxt.config.ts   | 1 +
 templates/solid/wxt.config.ts   | 1 +
 templates/svelte/wxt.config.ts  | 1 +
 templates/vanilla/wxt.config.ts | 4 +++-
 templates/vue/wxt.config.ts     | 1 +
 6 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/wxt/src/types.ts b/packages/wxt/src/types.ts
index 4041f0b0..3ad48acf 100644
--- a/packages/wxt/src/types.ts
+++ b/packages/wxt/src/types.ts
@@ -329,7 +329,7 @@ export interface InlineConfig {
    * Which extension API to use.
    *
    * - `"webextension-polyfill"`: Use `browser` and types from [`webextension-polyfill`](https://www.npmjs.com/package/webextension-polyfill).
-   * - `"chrome"` (unstable): Use the regular `chrome` (or `browser` for Firefox/Safari) globals provided by the browser. Types provided by [`@types/chrome`](https://www.npmjs.com/package/@types/chrome), make sure to install the package or types won't work.
+   * - `"chrome"`: Use the regular `chrome` (or `browser` for Firefox/Safari) globals provided by the browser. Types provided by [`@types/chrome`](https://www.npmjs.com/package/@types/chrome).
    *
    * @default "webextension-polyfill"
    * @since 0.19.0
diff --git a/templates/react/wxt.config.ts b/templates/react/wxt.config.ts
index 429f2b90..d1e35387 100644
--- a/templates/react/wxt.config.ts
+++ b/templates/react/wxt.config.ts
@@ -2,5 +2,6 @@ import { defineConfig } from 'wxt';
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({
+  extensionApi: 'chrome',
   modules: ['@wxt-dev/module-react'],
 });
diff --git a/templates/solid/wxt.config.ts b/templates/solid/wxt.config.ts
index 1cc7596d..0a5a994f 100644
--- a/templates/solid/wxt.config.ts
+++ b/templates/solid/wxt.config.ts
@@ -2,5 +2,6 @@ import { defineConfig } from 'wxt';
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({
+  extensionApi: 'chrome',
   modules: ['@wxt-dev/module-solid'],
 });
diff --git a/templates/svelte/wxt.config.ts b/templates/svelte/wxt.config.ts
index 5749b4e6..f0e4f9aa 100644
--- a/templates/svelte/wxt.config.ts
+++ b/templates/svelte/wxt.config.ts
@@ -3,5 +3,6 @@ import { defineConfig } from 'wxt';
 // See https://wxt.dev/api/config.html
 export default defineConfig({
   srcDir: 'src',
+  extensionApi: 'chrome',
   modules: ['@wxt-dev/module-svelte'],
 });
diff --git a/templates/vanilla/wxt.config.ts b/templates/vanilla/wxt.config.ts
index 1e2f53d3..35c7ade7 100644
--- a/templates/vanilla/wxt.config.ts
+++ b/templates/vanilla/wxt.config.ts
@@ -1,4 +1,6 @@
 import { defineConfig } from 'wxt';
 
 // See https://wxt.dev/api/config.html
-export default defineConfig({});
+export default defineConfig({
+  extensionApi: 'chrome',
+});
diff --git a/templates/vue/wxt.config.ts b/templates/vue/wxt.config.ts
index 55fbc4af..2ab714b1 100644
--- a/templates/vue/wxt.config.ts
+++ b/templates/vue/wxt.config.ts
@@ -2,5 +2,6 @@ import { defineConfig } from 'wxt';
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({
+  extensionApi: 'chrome',
   modules: ['@wxt-dev/module-vue'],
 });