[ADD] 로컬라이제이션 적용

docs-front/i18n/messages/en.js

 export default {
   "서비스 가이드": "Service Guide",
+  "메인 페이지 설명글": "Introducing how to use Vridge,<br>a platform that makes it easy to develop AI.",
   "홈": "Home",
+  "내용": "Content",
+  "검색": "Search",
+  "Github 리소스 보기": "View on Github",
+  "이전 페이지": "Prev page",
+  "다음 페이지": "Next page",
 }
\ No newline at end of file

docs-front/i18n/messages/ko.js

 export default {
   "서비스 가이드": "서비스 가이드",
+  "메인 페이지 설명글": "AI를 손쉽게 개발할 수 있는 플랫폼,<br>브릿지 사용 방법을 소개합니다.",
   "홈": "홈",
+  "내용": "내용",
+  "검색": "검색",
+  "Github 리소스 보기": "Github 리소스 보기",
+  "이전 페이지": "이전 페이지",
+  "다음 페이지": "다음 페이지",
 }
\ No newline at end of file

docs-front/layouts/default.vue

@@ -5,7 +5,7 @@
       <client-only>
         <v-card class="guide-navigator" color="transparent" v-if="isShowNav()">
           <v-icon small>mdi-text</v-icon>
-            목차
+            {{$t('내용')}}
 
             <v-card-text>
               <v-row no-gutters
@@ -128,7 +128,7 @@
             rounded
             class="ma-2 search-input"
             hide-details 
-            label="검색" 
+            :label="$t('검색')" 
           />
           
           <div v-show="showSearch" class="search-result">
@@ -158,7 +158,7 @@
       </v-row>
     </client-only>
 
-      <v-progress-linear absolute bottom :value="scrollPositionRate" height="1" background-color="#eee" color="primary" style="transition:none !important;"></v-progress-linear>
+      <v-progress-linear absolute bottom :value="scrollPositionRate" height="1" background-color="#eee" color="primary" style="transition:none !important;" />
       
       <v-dialog
         v-model="editDialogActive"
@@ -285,7 +285,7 @@ export default{
   head () {
     return {
       titleTemplate(title) {
-        return title + (this.$route.meta.title ? ' - '  + this.$route.meta.title : ' - 서비스 가이드')
+        return title + (this.$route.meta.title ? ' - '  + this.$route.meta.title : ` - ${this.$t('서비스 가이드')}`)
       }
     }
   },

docs-front/pages/_guide/index.vue

@@ -39,7 +39,7 @@
               <v-btn dark v-on="on" v-bind="attrs" icon @click="openGithub(guide.contentKey)"><v-icon>mdi-github</v-icon></v-btn>
             </template>
             <span>
-              Github 리소스 보기
+              {{$t('Github 리소스 보기')}}
             </span>
           </v-tooltip>
         </span>
@@ -99,7 +99,7 @@
               <v-icon left>mdi-chevron-left</v-icon>
             </v-col>
             <v-col cols="10" sm="11" align="end"> 
-              <span :style="`color: ${$vuetify.breakpoint.xsOnly ? '#1976d2' : 'grey'}`">이전 페이지</span>
+              <span :style="`color: ${$vuetify.breakpoint.xsOnly ? '#1976d2' : 'grey'}`">{{$t('이전 페이지')}}</span>
               <span class="d-none d-sm-flex flex-column" style="font-size:1.1rem; font-weight:bold;">
                 {{guide.prevIndex.title}} 
               </span>
@@ -124,7 +124,7 @@
         >
           <v-row v-if="guide.nextIndex" no-gutters align="center">
             <v-col cols="10" sm="11" align="start"> 
-              <span :style="`color: ${$vuetify.breakpoint.xsOnly ? '#1976d2' : 'grey'}`">다음 페이지</span>
+              <span :style="`color: ${$vuetify.breakpoint.xsOnly ? '#1976d2' : 'grey'}`">{{$t('다음 페이지')}}</span>
               <span class="d-none d-sm-flex flex-column" style="font-size:1.1rem;font-weight:bold;">
                 {{ guide.nextIndex.title}} 
               </span>

docs-front/pages/index.vue

@@ -8,7 +8,7 @@
       <v-row no-gutters class="guide-content">
         <v-col cols="12" align="center" justify="center" class="ma-auto">
           <img src="/logo_v2/s01.png" cover />
-          <p>AI를 손쉽게 개발할 수 있는 플랫폼,<br>브릿지 사용 방법을 소개합니다.</p>
+          <p v-html="$t('메인 페이지 설명글')"></p>
           <v-list v-if="guideIndex" class="d-md-flex d-lg-none">
             <tree
               :items="guideIndex"