diff --git a/02-basics-2/20-broken-map/MapApp.js b/02-basics-2/20-broken-map/MapApp.js
index 0f02384..7045a1b 100644
--- a/02-basics-2/20-broken-map/MapApp.js
+++ b/02-basics-2/20-broken-map/MapApp.js
@@ -5,8 +5,8 @@ export default defineComponent({
 
   setup() {
     // Реактивные переменные для хранения координат метки
-    let x = ref(0);
-    let y = ref(0);
+    const x = ref(0);
+    const y = ref(0);
 
     /**
      * Обработчик клика по карте для установки координат метки
diff --git a/02-basics-2/30-calculator/CalculatorApp.js b/02-basics-2/30-calculator/CalculatorApp.js
index 381b03f..883097e 100644
--- a/02-basics-2/30-calculator/CalculatorApp.js
+++ b/02-basics-2/30-calculator/CalculatorApp.js
@@ -1,26 +1,55 @@
-import { defineComponent } from 'vue'
+import { defineComponent, ref, computed, } from 'vue'
 
 export default defineComponent({
   name: 'CalculatorApp',
 
-  setup() {},
+  setup() {
+
+    const operand1 = ref(0);
+
+    const operand2 = ref(0);
+
+    const operator = ref('sum');
+
+    const result = computed(() => {
+      switch (operator.value) {
+        case 'sum':
+          return operand1.value + operand2.value
+        case 'subtract':
+          return operand1.value - operand2.value
+        case 'multiply':
+          return operand1.value * operand2.value
+        case 'divide':
+          return operand1.value / operand2.value
+        default:
+          return operand1.value + operand2.value;
+      }
+    })
+
+    return {
+      operand1,
+      operand2,
+      operator,
+      result,
+    }
+  },
 
   template: `
     <div class="calculator">
-      <input type="number" aria-label="First operand" />
+      <input type="number" aria-label="First operand" v-model="operand1" />
 
       <div class="calculator__operators">
-        <label><input type="radio" name="operator" value="sum"/>➕</label>
-        <label><input type="radio" name="operator" value="subtract"/>➖</label>
-        <label><input type="radio" name="operator" value="multiply"/>✖</label>
-        <label><input type="radio" name="operator" value="divide"/>➗</label>
+        <label><input type="radio" name="operator" value="sum" v-model="operator"/>➕</label>
+        <label><input type="radio" name="operator" value="subtract" v-model="operator"/>➖</label>
+        <label><input type="radio" name="operator" value="multiply" v-model="operator"/>✖</label>
+        <label><input type="radio" name="operator" value="divide" v-model="operator"/>➗</label>
       </div>
 
-      <input type="number" aria-label="Second operand" />
+      <input type="number" aria-label="Second operand" v-model="operand2" />
 
       <div>=</div>
 
-      <output>0</output>
+      <output>{{ result }}</output>
     </div>
   `,
 })
diff --git a/02-basics-2/40-marked-emails/MarkedEmailsApp.js b/02-basics-2/40-marked-emails/MarkedEmailsApp.js
index 8de9625..ed72861 100644
--- a/02-basics-2/40-marked-emails/MarkedEmailsApp.js
+++ b/02-basics-2/40-marked-emails/MarkedEmailsApp.js
@@ -32,19 +32,35 @@ export const emails = [
 export default defineComponent({
   name: 'MarkedEmailsApp',
 
-  setup() {},
+  setup() {
+
+    const emailsArrow = ref(emails);
+
+    const inputEmail = ref('');
+
+    const filteredEmails = computed(() => {
+      return emailsArrow.value.map(email => ({
+        email,
+        marked: email.toLowerCase().includes( inputEmail.value.toLowerCase() ) && inputEmail.value !== '',
+      }))
+    })
+
+    return {
+      emailsArrow,
+      inputEmail,
+      filteredEmails,
+    }
+  },
 
   template: `
     <div>
+      <!-- {{ filteredEmails }} -->
       <div class="form-group">
-        <input type="search" aria-label="Search" />
+        <input type="search" aria-label="Search" v-model.trim="inputEmail" />
       </div>
       <ul aria-label="Emails">
-        <li>
-          Eliseo@gardner.biz
-        </li>
-        <li class="marked">
-          Jayne_Kuhic@sydney.com
+        <li v-for="email in filteredEmails" :class="{ 'marked': email.marked }">
+            {{ email.email }}
         </li>
       </ul>
     </div>
diff --git a/02-basics-2/50-selected-meetup/SelectedMeetupApp.js b/02-basics-2/50-selected-meetup/SelectedMeetupApp.js
index dad23b8..66f3daa 100644
--- a/02-basics-2/50-selected-meetup/SelectedMeetupApp.js
+++ b/02-basics-2/50-selected-meetup/SelectedMeetupApp.js
@@ -1,78 +1,104 @@
-import { defineComponent } from 'vue'
-// import { getMeetup } from './meetupsService.ts'
+import { defineComponent, ref, watch } from 'vue'
+import { getMeetup } from './meetupsService.ts'
 
 export default defineComponent({
   name: 'SelectedMeetupApp',
 
-  setup() {},
+  setup() {
+    const currentId = ref(1)
+    const meetupTitle = ref('')
+
+    const pages = [
+      {
+        id: 'meetup-id-1',
+        name: 'meetupId',
+        value: 1,
+      },
+      {
+        id: 'meetup-id-2',
+        name: 'meetupId',
+        value: 2,
+      },
+      {
+        id: 'meetup-id-3',
+        name: 'meetupId',
+        value: 3,
+      },
+      {
+        id: 'meetup-id-4',
+        name: 'meetupId',
+        value: 4,
+      },
+      {
+        id: 'meetup-id-5',
+        name: 'meetupId',
+        value: 5,
+      },
+    ]
+
+    const prevMeetup = () => {
+      currentId.value--
+    }
+
+    const nextMeetup = () => {
+      currentId.value++
+    }
+
+    const fetchMeetups = async id => {
+      try {
+        const meetup = await getMeetup(id)
+        meetupTitle.value = meetup.title
+      } catch (e) {
+        console.error(e)
+        return ''
+      }
+    }
+
+    watch(
+      currentId,
+      newId => {
+        fetchMeetups(newId)
+      },
+      { immediate: true },
+    )
+
+    return {
+      meetupTitle,
+      currentId,
+      prevMeetup,
+      nextMeetup,
+      pages,
+    }
+  },
 
   template: `
     <div class="meetup-selector">
       <div class="meetup-selector__control">
-        <button class="button button--secondary" type="button" disabled>Предыдущий</button>
+        <button class="button button--secondary" type="button" :disabled="currentId === 1" @click="prevMeetup">Предыдущий</button>
 
         <div class="radio-group" role="radiogroup">
-          <div class="radio-group__button">
-            <input
-              id="meetup-id-1"
-              class="radio-group__input"
-              type="radio"
-              name="meetupId"
-              value="1"
-            />
-            <label for="meetup-id-1" class="radio-group__label">1</label>
-          </div>
-          <div class="radio-group__button">
-            <input
-              id="meetup-id-2"
-              class="radio-group__input"
-              type="radio"
-              name="meetupId"
-              value="2"
-            />
-            <label for="meetup-id-2" class="radio-group__label">2</label>
-          </div>
-          <div class="radio-group__button">
-            <input
-              id="meetup-id-3"
-              class="radio-group__input"
-              type="radio"
-              name="meetupId"
-              value="3"
-            />
-            <label for="meetup-id-3" class="radio-group__label">3</label>
-          </div>
-          <div class="radio-group__button">
-            <input
-              id="meetup-id-4"
-              class="radio-group__input"
-              type="radio"
-              name="meetupId"
-              value="4"
-            />
-            <label for="meetup-id-4" class="radio-group__label">4</label>
-          </div>
-          <div class="radio-group__button">
+          <div  v-for="page in pages" :key="page.id" class="radio-group__button">
             <input
-              id="meetup-id-5"
+              v-model="currentId"
               class="radio-group__input"
               type="radio"
-              name="meetupId"
-              value="5"
+              :id="page.id"
+              :name="page.name"
+              :value="page.value"
             />
-            <label for="meetup-id-5" class="radio-group__label">5</label>
+            <label :for="page.id" class="radio-group__label">{{ page.value }}</label>
           </div>
         </div>
 
-        <button class="button button--secondary" type="button">Следующий</button>
+        <button class="button button--secondary" type="button" :disabled="currentId === 5" @click="nextMeetup">Следующий</button>
       </div>
 
       <div class="meetup-selector__cover">
         <div class="meetup-cover">
-          <h1 class="meetup-cover__title">Some Meetup Title</h1>
+          <h1 class="meetup-cover__title">{{meetupTitle}}</h1>
         </div>
       </div>
 
     </div>
   `,
-})
+})
\ No newline at end of file