🚗 develop (dewdew)

version: 1.25.0
- Project > hhkb : useHead() 설정

README.md

@@ -4,7 +4,7 @@
 
 ## 안녕하세요. FE 개발자 이연주 입니다.
 
-## Current Version: 1.24.0
+## Current Version: 1.25.0
 
 ## 🖥️ 사용한 스킬은 아래와 같습니다.
 

assets/scss/shared/pages/projects.scss

@@ -8,7 +8,7 @@
 .projects {
   position: relative;
   max-width: $space-800;
-  height: $space-80vh;
+  height: $space-100vh;
   margin: 0 auto;
   overflow: clip;
   .project-list {

locales/en.ts

@@ -2,7 +2,8 @@ export default {
   pageTitle: {
     yeonju: 'Developer Yeonju',
     project: 'Project',
-    colorsTranslate: 'Find my color..',
+    colorsTranslate: 'Find my color!',
+    hhkb: 'HHKB Keyboard Modeling',
     blog: 'Blog',
     tech: 'Tech Blog',
     archives: 'Archives'
@@ -14,6 +15,7 @@ export default {
     dewdew: 'Developer Yeonju | {text}',
     projectDesc: '토이 프로젝트 리스트 입니다.',
     colorsTranslateDesc: '잊고 지낸 색상코드를 찾아보세요.',
+    hhkbDesc: 'Spline을 이용한 HHKB 키보드 모델링 입니다.',
     blogDesc: 'FE개발자 이연주의 블로그 입니다.',
     techDesc: 'FE개발자 이연주의 개발 블로그 입니다.',
     archivesDesc: 'FE개발자 이연주의 사진기록 입니다.'

locales/ko.ts

@@ -2,7 +2,8 @@ export default {
   pageTitle: {
     yeonju: '개발자 이연주',
     project: '프로젝트',
-    colorsTranslate: '내 색상 찾아줘..',
+    colorsTranslate: '내 색상 찾아줘!',
+    hhkb: 'HHKB 키보드 모델링',
     blog: '블로그',
     tech: '테크 블로그',
     archives: '아카이브'
@@ -14,6 +15,7 @@ export default {
     dewdew: '개발자 이연주 | {text}',
     projectDesc: '토이 프로젝트 리스트 입니다.',
     colorsTranslateDesc: '잊고 지낸 색상코드를 찾아보세요.',
+    hhkbDesc: 'Spline을 이용한 HHKB 키보드 모델링 입니다.',
     blogDesc: 'FE개발자 이연주의 블로그 입니다.',
     techDesc: 'FE개발자 이연주의 개발 블로그 입니다.',
     archivesDesc: 'FE개발자 이연주의 사진기록 입니다.'

pages/projects/hhkb.vue

@@ -23,6 +23,18 @@
 // @ts-ignore
 import { Application } from '@splinetool/runtime'
 
+const { t } = useLocale()
+
+useHead({
+  title: t('pageTitle.hhkb'),
+  meta: [
+    { property: 'description', content: t('openGraph.hhkbDesc') },
+    { property: 'og:title', content: t('openGraph.dewdew', { text: t('pageTitle.hhkb') }) },
+    { property: 'og:url', content: 'https://www.dewdew.kr/projects/hhkb/' },
+    { property: 'og:description', content: t('openGraph.hhkbDesc') }
+  ]
+})
+
 const hhkbRef = ref(null)
 
 const state = reactive({