props값 관련 수정

Author: redgoose-dev

src/screen/Group/Item.vue

@@ -1,25 +1,19 @@
 <template>
-<div :class="[
-  'group-item',
-  selected && 'group-item--selected'
-]">
+<div class="group-item">
   <a
-    :class="[
-      'group-item-wrap',
-      selected && 'group-item-wrap--selected',
-    ]"
+    :class="[ 'group-item-wrap', props.selected && 'group-item-wrap--selected' ]"
     @click="onSelectItem">
     <figure class="group-item__image">
-      <img v-if="src" :src="src" :alt="name">
+      <img v-if="props.src" :src="props.src" :alt="props.name">
       <Icon v-else icon-name="x"/>
     </figure>
     <div class="group-item__body">
-      <h3 :class="[ !name && 'none' ]">
-        {{ name ? name : 'None' }}
+      <h3 :class="[ !props.name && 'none' ]">
+        {{ props.name ? props.name : 'None' }}
       </h3>
-      <p>{{description}}</p>
-      <ul v-if="count !== undefined" class="group-item__meta">
-        <li><b>Count: {{count}}</b></li>
+      <p>{{props.description}}</p>
+      <ul v-if="props.count !== undefined" class="group-item__meta">
+        <li><b>Count: {{props.count}}</b></li>
       </ul>
     </div>
   </a>