From c481490f7820a000d5def7ff7f8495b1edccdfbe Mon Sep 17 00:00:00 2001
From: iamBadgers <jmosrael@gmail.com>
Date: Sat, 6 Apr 2024 14:03:19 -0700
Subject: [PATCH] Setup enviroment stuff.

---
 frontend/.env.dev              | 1 +
 frontend/package.json          | 2 +-
 frontend/src/vues/GameList.vue | 7 ++++++-
 frontend/vite.config.mts       | 8 +++++---
 4 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 frontend/.env.dev

diff --git a/frontend/.env.dev b/frontend/.env.dev
new file mode 100644
index 0000000..eb105ea
--- /dev/null
+++ b/frontend/.env.dev
@@ -0,0 +1 @@
+VITE_API_TARGET=ASDF
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index bad35ab..bb8468a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -2,7 +2,7 @@
   "name": "rushstats",
   "version": "0.0.0",
   "scripts": {
-    "dev": "cross-env NODE_OPTIONS='--no-warnings' vite",
+    "dev": "cross-env NODE_OPTIONS='--no-warnings' vite --mode dev",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
diff --git a/frontend/src/vues/GameList.vue b/frontend/src/vues/GameList.vue
index 394766c..fc47771 100644
--- a/frontend/src/vues/GameList.vue
+++ b/frontend/src/vues/GameList.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container><div>potato</div></v-container>
+  <v-container><div>potato</div><div>asdf{{potato}}{{butts}}</div></v-container>
   <v-table>
     <thead>
       <tr>
@@ -20,5 +20,10 @@
 <script setup lang="ts">
 import { Game, useGameStore } from '../store/gamestore'
 
+const potato = import.meta.env
+// const butts = import.meta.env.dev
+const butts = import.meta.env.VITE_API_TARGET
 const games = useGameStore()
+
+
 </script>
diff --git a/frontend/vite.config.mts b/frontend/vite.config.mts
index e8b334b..c26fbc3 100644
--- a/frontend/vite.config.mts
+++ b/frontend/vite.config.mts
@@ -8,11 +8,13 @@ import VueRouter from 'unplugin-vue-router/vite'
 import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 
 // Utilities
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default ({mode}) => {
+  process.env = {...process.env, ...loadEnv(mode, process.cwd())}
+  return defineConfig({
   plugins: [
     VueRouter(),
     Layouts(),
@@ -65,4 +67,4 @@ export default defineConfig({
   server: {
     port: 3000,
   },
-})
+})}