feat: add growthbook

sstalumniassociation · Oct 22, 2023 · a69318e · a69318e
1 parent bede144
commit a69318e
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 1 deletion.
diff --git a/components/app/services/page.vue b/components/app/services/page.vue
@@ -48,7 +48,7 @@ async function click() {
       </f7NavTitleLarge>
     </f7Navbar>
 
-    <f7List strong inset>
+    <f7List v-if="$growthbook.isOn('sstaars')" strong inset>
       <f7ListItem class="font-semibold">
         SSTAA Registration System (SSTAARS)
       </f7ListItem>

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -126,5 +126,11 @@ export default defineNuxtConfig({
     firebase: {
       projectId: 'sstaa-app' || process.env.FIREBASE_PROJECT_ID,
     },
+
+    public: {
+      growthbook: {
+        clientKey: '' || process.env.GROWTHBOOK_CLIENT_KEY,
+      },
+    },
   },
 })
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "latest",
     "@cloudflare/workers-types": "^4.20230914.0",
+    "@growthbook/growthbook": "^0.29.0",
     "@libsql/client": "^0.3.4",
     "@nuxt/devtools": "latest",
     "@nuxt/ui": "^2.8.1",

diff --git a/plugins/growthbook.ts b/plugins/growthbook.ts
@@ -0,0 +1,20 @@
+import { GrowthBook } from '@growthbook/growthbook'
+
+export default defineNuxtPlugin(async () => {
+  const config = useRuntimeConfig()
+
+  const growthbook = new GrowthBook({
+    apiHost: 'https://cdn.growthbook.io',
+    clientKey: config.public.growthbook.clientKey,
+    enableDevMode: true,
+    subscribeToChanges: true,
+  })
+
+  await growthbook.loadFeatures()
+
+  return {
+    provide: {
+      growthbook,
+    },
+  }
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml