릴리스: v0.1.12 작성 권한과 회원 관리 보강

frontend/src/views/HomeView.vue

@@ -3,8 +3,10 @@ import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { api } from '../lib/api'
 import { toApiUrl } from '../lib/runtime'
+import { useAuthStore } from '../stores/auth'
 
 const router = useRouter()
+const auth = useAuthStore()
 
 const items = ref([])
 const error = ref('')
@@ -24,6 +26,10 @@ function goGame(gameId) {
 }
 
 function goFreeform() {
+  if (!auth.user) {
+    router.push('/login?redirect=/editor/freeform/new')
+    return
+  }
   router.push('/editor/freeform/new')
 }
 
@@ -48,7 +54,7 @@ function thumbUrl(g) {
       <div class="thumbWrap thumbWrap--freeform">
         <div class="thumbFallback">+</div>
       </div>
-      <div class="card__eyebrow">템플릿 없이 시작</div>
+      <div class="card__eyebrow">{{ auth.user ? '템플릿 없이 시작' : '로그인 후 작성 가능' }}</div>
       <div class="card__title">직접 티어표 만들기</div>
     </button>
     <button v-for="g in games" :key="g.id" class="card" @click="goGame(g.id)">