콘텐츠

- 내용, 태그를 3줄로 표시
- show more를 터치하면 전체내용 표시

src/views/Content/ContentList.vue

@@ -122,13 +122,19 @@
                   </td>
                   <td>{{ item.title }}</td>
                   <td style="max-width: 350px !important; word-break:break-all; height: auto;">
-                    {{ item.detail }}
+                    <vue-show-more-text
+                      :text="item.detail"
+                      :lines="3"
+                    />
                   </td>
                   <td>{{ item.curationTitle || '없음' }}</td>
                   <td>{{ item.creatorNickname }}</td>
                   <td>{{ item.theme }}</td>
                   <td style="max-width: 200px !important; word-break:break-all; height: auto;">
-                    {{ item.tags }}
+                    <vue-show-more-text
+                      :text="item.tags"
+                      :lines="3"
+                    />
                   </td>
                   <td v-if="item.price > 0">
                     {{ item.price }} 코인
@@ -369,11 +375,12 @@ import * as api from '@/api/audio_content'
 import * as dynamicLink from "@/api/firebase_dynamic_link";
 
 import VuetifyAudio from 'vuetify-audio'
+import VueShowMoreText from 'vue-show-more-text'
 
 export default {
   name: "AudioContentList",
 
-  components: {VuetifyAudio},
+  components: {VuetifyAudio, VueShowMoreText},
 
   data() {
     return {