Merge pull request #7 from luquii2/master

Отмеченные Email-ы

02-basics-2/40-marked-emails/MarkedEmailsApp.js

@@ -32,19 +32,39 @@ export const emails = [
 export default defineComponent({
   name: 'MarkedEmailsApp',
 
-  setup() {},
+  setup() {
+    const search = ref(null)
+    const email = ref(emails)
+
+    const emailMarked = computed(() => {
+      return email.value.map((mail) => {
+        if (mail.indexOf(search.value) !== -1 && search.value !== "") {
+          return {
+            mail: mail,
+            marked: true,
+          }
+        }
+        return {
+          mail: mail
+        }
+      })
+    })
+
+    return {
+      search,
+      emailMarked,
+      email
+    }
+  },
 
   template: `
     <div>
       <div class="form-group">
-        <input type="search" aria-label="Search" />
+        <input v-model="search" type="search" aria-label="Search" />
       </div>
       <ul aria-label="Emails">
-        <li>
-          [email protected]
-        </li>
-        <li class="marked">
-          [email protected]
+        <li :class="{'marked': mail.marked}" v-for="mail in emailMarked" >
+          {{ mail.mail }}
         </li>
       </ul>
     </div>