Disabled Backend API

app.vue

@@ -8,8 +8,8 @@ const onBeforeEnter = async () => {
 }
 
 useSeoMeta({
-    title: i18n.t('role.assistant'),
-    ogTitle: i18n.t('role.assistant'),
+    title: "MoodHelper",
+    ogTitle: "MoodHelper",
     description: i18n.t('role.assistant.desc'),
     ogDescription: i18n.t('role.assistant.desc'),
     ogImage: '/moodhelper.png',

nuxt.config.ts

@@ -20,13 +20,4 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   css: ['~/assets/main.css'],
   modules: ['@nuxtjs/tailwindcss', '@nuxtjs/i18n', '@nuxt/content'],
-  runtimeConfig: {
-    public:{
-      openaiApiKey: process.env.OPENAI_API_KEY,
-      apiModel: process.env.API_MODEL || 'gpt-3.5-turbo',
-      aiEndpoint: process.env.AI_ENDPOINT || 'https://api.openai.com/v1/chat/completions',
-      siteUrl: process.env.SITE_URL || '',
-      siteName: process.env.SITE_NAME || '',
-    }
-  }
 })

pages/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import OpenAI from "openai";
-const config = useRuntimeConfig();
-console.log(process.env)
+// console.log(process.env)
 
 interface Message {
     role: "user" | "system" | "assistant";
@@ -63,11 +62,11 @@ const selectedLocale = computed({
 })
 
 const $openai = new OpenAI({
-    baseURL: config.public.aiEndpoint,
-    apiKey: config.public.openaiApiKey,
-    defaultHeaders: (config.public.aiEndpoint.indexOf("openrouter") != -1 ? {
-        "HTTP-Referer": config.public.siteUrl, // Optional, for including your app on openrouter.ai rankings.
-        "X-Title": config.public.siteName, // Optional. Shows in rankings on openrouter.ai.
+    baseURL: process.env.AI_ENDPOINT,
+    apiKey: process.env.OPENAI_API_KEY,
+    defaultHeaders: ((process.env.AI_ENDPOINT || 'https://api.openai.com/v1/chat/completions').indexOf("openrouter") != -1 ? {
+        "HTTP-Referer": process.env.SITE_URL, // Optional, for including your app on openrouter.ai rankings.
+        "X-Title": process.env.SITE_NAME, // Optional. Shows in rankings on openrouter.ai.
     } : undefined),
     dangerouslyAllowBrowser: true,
 })
@@ -82,7 +81,7 @@ function seek(){
 async function stream(){
     awaitingResponse.value = true;
     const completion = await $openai.chat.completions.create({
-        model: config.public.apiModel,
+        model: (process.env.API_MODEL || 'gpt-3.5-turbo'),
         messages: messages.value,
         stream: true
     });

server/api/openai.ts

@@ -3,24 +3,25 @@ import { defineEventHandler, readBody } from 'h3'
 import { OpenAI } from 'openai'
 
 export default defineEventHandler(async (event) => {
-    console.log(process.env)
-    return 'No Access';
+    // console.log(process.env)
+    return 'No Access 404'; // Comment this out to use custom backend
+
     const config = useRuntimeConfig();
     const requestBody = await readBody(event);
 
     const openai = new OpenAI({
-        baseURL: config.public.aiEndpoint,
-        apiKey: config.public.openaiApiKey,
+        baseURL: (process.env.AI_ENDPOINT || 'https://api.openai.com/v1/chat/completions'),
+        apiKey: process.env.OPENAI_API_KEY,
         defaultHeaders: {
-            "HTTP-Referer": config.public.siteUrl, // Optional, for including your app on openrouter.ai rankings.
-            "X-Title": config.public.siteName, // Optional. Shows in rankings on openrouter.ai.
+            "HTTP-Referer": process.env.SITE_URL, // Optional, for including your app on openrouter.ai rankings.
+            "X-Title": process.env.SITE_NAME, // Optional. Shows in rankings on openrouter.ai.
         },
         dangerouslyAllowBrowser: false,
     })
 
     try {
         const completion = await openai.chat.completions.create({
-            model: config.public.apiModel,
+            model: (process.env.API_MODEL || 'gpt-3.5-turbo'),
             messages: requestBody.messages,
             stream: true
         });