front/src/components/Promo/main.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, watch } from 'vue';
 import type { Ref } from 'vue'
-import { useRoute } from 'vue-router';
+import { RouterLink, useRoute } from 'vue-router';
 
 import { Vector3 } from 'three';
 import { TresCanvas } from '@tresjs/core';
@@ -73,6 +73,9 @@ watch(() => route.params.target, () => {
                     <TresShadowMaterial :opacity="0.2" />
                 </TresMesh>
             </TresCanvas>
+            <RouterLink to="/promo/main/" class="homelink">
+                <i-mdi-home />
+            </RouterLink>
         </div>
         <Sidebar />
     </div>
@@ -93,4 +96,15 @@ watch(() => route.params.target, () => {
     filter: blur(10px);
     transition: all 300ms linear;
 }
+.homelink {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 5rem;
+    border-radius: 50%;
+    border: 1px solid white;
+    background: white;
+    padding: 0.5rem;
+    line-height: 1;
+}
 </style>