.gitea/workflows/build-image.yaml

@@ -7,7 +7,7 @@ jobs:
     env:
       IMAGE_NAME: tladle
       REGISTRY_NAME: gitea.sc0tt.org
-      GIT_TAG: 1.0.2 
+      GIT_TAG: 1.1 
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

resources/js/App.vue

@@ -2,6 +2,7 @@
     import type { NavigationMenuItem } from '@nuxt/ui'
     import HowToPlay from "./components/HowToPlay.vue";
     import { useColorMode } from '@vueuse/core'
+    import DevAlert from './components/DevAlert.vue';
 
     const items: NavigationMenuItem[] = [{
         label: 'Git',
@@ -34,6 +35,8 @@
        <UColorModeSwitch />
     </template>
   </UHeader>
+
+      <DevAlert/>
     <UMain class="main">
             <router-view v-slot="{ Component,route }">
                 <component :is="Component" />

resources/js/components/DevAlert.vue

@@ -0,0 +1,40 @@
+<template>
+    <template v-if="dev">
+        <UAlert
+            title="You're on the testing page for TLAdle"
+            description="Please follow the link below for the production version of this page!"
+            color="error"
+            variant="subtle"
+            icon="i-lucide-terminal"
+            :actions="[
+                {
+                    label: 'tladle.sc0tt.org',
+                    variant: 'outline',
+                    to: 'https://tladle.sc0tt.org/'
+                }
+            ]"
+        />
+        </template>
+</template> 
+
+<script setup lang="ts">
+    import axios from 'axios';
+</script>
+
+<script lang="ts">
+    export default {
+    data() {
+        return {
+            dev: false,
+        }
+    },
+
+    mounted() {
+        axios.get('/api/fetch_dev')
+        .then(response => {
+            this.dev = response.data.dev;
+        })
+    },
+}
+
+</script>

routes/api.php

@@ -8,4 +8,7 @@ Route::middleware('web')->group(function () {
         Route::get('fetch_tla/{language?}', [\App\Http\Controllers\TlaController::class, 'fetch_tla']);
         Route::post('check_tla/{language?}', [\App\Http\Controllers\TlaController::class, 'check_tla']);
         Route::post('suggestion /{language?}', [\App\Http\Controllers\TlaController::class, 'suggestion']);
+        Route::get('fetch_dev', function() {
+                return response()->json(['dev' => env('DEV_MESSAGE', false)]);
+        });
 });