More vue updates

src/App.js

@@ -38,7 +38,7 @@ export default {
 					that.font = fondue;
 					that.$nextTick(() => {
 						that.working = false;
-						document.getElementById("Fontreport").scrollIntoView();
+						document.getElementById("report").scrollIntoView();
 					});
 				})
 				.catch(function () {

src/App.vue

@@ -4,18 +4,18 @@
 		@drop.prevent="getFont"
 		@dragover.prevent="dragStatus(true)"
 		@mouseout="dragStatus(false)"
-		@keydown.esc="toggleModal(true)"
+		@keydown.esc="toggleInfoModal(true)"
 		tabindex="0"
 		:class="{ dragging, working }"
 	>
 		<TheFondue
 			@getFont="getFont"
 			@getExampleFont="getExampleFont"
-			@toggleModal="toggleModal"
+			@toggleInfoModal="toggleInfoModal"
 			:error="error"
 		/>
 		<FontReport :font="font" :isExamplefont="isExamplefont" />
-		<InfoModal v-if="showModal" @toggleModal="toggleModal" />
+		<InfoModal v-if="showInfoModal" @toggleInfoModal="toggleInfoModal" />
 		<div class="beta-message">
 			Heya! You’re looking at the beta site. Comments, bugs or feedback?
 			<a href="mailto:[email protected]">Let me know!</a>

src/components/InfoModal.js

@@ -1,5 +1,5 @@
-import toggleModal from "../mixins/toggleModal.js";
+import toggleInfoModal from "../mixins/toggleInfoModal.js";
 
 export default {
-	mixins: [toggleModal],
+	mixins: [toggleInfoModal],
 };

src/components/InfoModal.vue

@@ -4,7 +4,7 @@
 			type="button"
 			aria-label="Info"
 			class="info"
-			@click="toggleModal"
+			@click="toggleInfoModal"
 		></button>
 		<div class="modal-content">
 			<p class="modal-title">Wakamai Fondue</p>

src/components/TheFondue.js

@@ -1,8 +1,8 @@
-import toggleModal from "../mixins/toggleModal.js";
+import toggleInfoModal from "../mixins/toggleInfoModal.js";
 import FileDrop from "./FileDrop.vue";
 
 export default {
-	mixins: [toggleModal],
+	mixins: [toggleInfoModal],
 	props: ["error"],
 	components: {
 		FileDrop,

src/components/TheFondue.vue

@@ -4,7 +4,7 @@
 			type="button"
 			aria-label="Info"
 			class="info"
-			@click="toggleModal"
+			@click="toggleInfoModal"
 		></button>
 		<FileDrop :error="error" />
 		<a href="https://pixelambacht.nl" target="_blank" class="logo"

src/components/report/FontSummary.js

@@ -7,9 +7,6 @@ export default {
 		};
 	},
 	computed: {
-		hasLocalization() {
-			return this.font.languageSystems.length > 0;
-		},
 		featureLength() {
 			return this.font.features.length || "no";
 		},

src/components/report/FontSummary.vue

@@ -90,7 +90,7 @@
 					)
 				}}.
 			</p>
-			<template v-if="hasLocalization">
+			<template v-if="localizations.length > 0">
 				<h3>Localization</h3>
 				<p>{{ $filters.listify(localizations) }}.</p>
 			</template>

src/mixins/toggleModal.js → src/mixins/toggleInfoModal.js

@@ -1,11 +1,11 @@
 export default {
 	methods: {
-		toggleModal() {
+		toggleInfoModal() {
 			// Quick and clean way to emit to grandparent
 			// that modal should be opened/closed
 			let vm = this;
 			while (vm) {
-				vm.$emit("toggleModal");
+				vm.$emit("toggleInfoModal");
 				vm = vm.$parent;
 			}
 		},