Добавил интерфейс поиска моков

popup/src/components/template.html

@@ -4,6 +4,9 @@
             <div @click="tab = 'person'" class="tab-panel__item"
                  :class="{'tab-panel__item_active': tab === 'person'}">Person
             </div>
+            <div @click="personalId=''; tab = 'mocks'" class="tab-panel__item" :class="{'tab-panel__item_active': tab === 'mocks'}">
+                Mocks
+            </div>
             <div @click="tab = 'ember'" class="tab-panel__item" :class="{'tab-panel__item_active': tab === 'ember'}">
                 Ember
             </div>
@@ -68,6 +71,7 @@
                         <button>Phone</button>
                     </div>
                 </div>
+                <div class="memory-panel">Memory: {{copyText}}</div>
             </div>
             <div class="tab-page__item" :class="{'tab-page__item_show': tab === 'ember'}">
                 <div class="form-row">
@@ -86,10 +90,15 @@
                     </div>
                 </div>
             </div>
+            <div class="tab-page__item" :class="{'tab-page__item_show': tab === 'mocks'}">
+                <label>
+                    Personal id
+                    <input type="text" v-model="personalId"/>
+                </label>
+            </div>
         </div>
-        <div class="memory-panel">Memory: {{copyText}}</div>
+        <div v-if="personalId && (tab === 'person' || tab === 'mocks')">
-        <hr />
+            <hr />
-        <div v-if="personalId">
 <!--            /**-->
 <!--            * 0 - не замокано(делать запрос) -->
 <!--            * 1 - выписка на хороший доход-->