Refactor lookback

src/App.vue

@@ -14,7 +14,6 @@
 			</div>
 		</div>
 		<Settings/>
-		<LookBack ref="lookBack" />
 	</div>
 </template>
 
@@ -24,7 +23,6 @@
 
 	import Navbar from './components/Navbar';
 	import Settings from './views/Settings';
-	import LookBack from './views/LookBack';
 	import SockJS from 'sockjs-client';
 	import {openDB,} from 'idb';
 
@@ -197,7 +195,6 @@
       },
 		},
 		components: {
-			LookBack,
 			Settings,
 			Navbar,
 		},

src/components/PatternsDropdown.vue

@@ -62,19 +62,22 @@
 		</b-dropdown-item-button>
 
 		<PatternModal :creating="patternModalIsCreating" :initial-pattern="patternModalEditingPattern" />
+		<LookBack :pattern-id="patternIdForLookback" />
 	</b-dropdown>
 </template>
 <!--suppress JSUnresolvedReference -->
 <script>
 	import PatternModal from '@/views/PatternModal.vue';
+	import LookBack from '@/views/LookBack.vue';
 
 	export default {
 		name: 'PatternsDropdown',
-		components: {PatternModal: PatternModal, },
+		components: {LookBack, PatternModal, },
 		data() {
 			return {
 				patternModalIsCreating: true,
 				patternModalEditingPattern: {},
+				patternIdForLookback: 0,
 			};
 		},
 		mounted() {
@@ -117,8 +120,7 @@
 				});
 			},
 			showLookBack(pattern) {
-				// Не знаю, как сделать это без костылей
-				this.$root.$children[0].$refs.lookBack.patternId = pattern.id;
+				this.patternIdForLookback = pattern.id;
 				this.$bvModal.show('lookBackModal');
 			},
 			updatePatterns() {

src/views/LookBack.vue

@@ -20,11 +20,10 @@
 export default {
 	name: 'LookBack',
 	props: {
-		id: Number,
+		patternId: Number,
 	},
 	data() {
 		return {
-			patternId: null,
 			minutes: 5,
 		};
 	},