Try some more changes

Author: DaneEveritt

resources/assets/scripts/components/Flash.vue

@@ -12,8 +12,9 @@
     </div>
 </template>
 
-<script>
-    import MessageBox from './MessageBox';
+<script lang="ts">
+    import MessageBox from './MessageBox.vue';
+
     export default {
         name: 'flash',
         components: {MessageBox},

resources/assets/scripts/components/MessageBox.vue

@@ -5,7 +5,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     export default {
         name: 'message-box',
         props: {

resources/assets/scripts/components/auth/ForgotPassword.vue

@@ -36,7 +36,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     export default {
         name: 'forgot-password',
         props: {

resources/assets/scripts/components/auth/Login.vue

@@ -16,11 +16,11 @@
 </template>
 
 <script lang="ts">
+    import Flash from '../Flash.vue';
+    import ForgotPassword from "./ForgotPassword.vue";
+    import LoginForm from "./LoginForm.vue";
+    import TwoFactorForm from "./TwoFactorForm.vue";
     import Vue from 'vue';
-    import Flash from '../Flash';
-    import ForgotPassword from "./ForgotPassword";
-    import LoginForm from "./LoginForm";
-    import TwoFactorForm from "./TwoFactorForm";
 
     export default Vue.extend({
         name: 'login',

resources/assets/scripts/components/auth/LoginForm.vue

@@ -45,7 +45,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     export default {
         name: 'login-form',
         props: {

resources/assets/scripts/components/auth/ResetPassword.vue

@@ -55,7 +55,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     export default {
         name: "ResetPassword",
         props: {

resources/assets/scripts/components/auth/TwoFactorForm.vue

@@ -28,7 +28,7 @@
     </form>
 </template>
 
-<script>
+<script lang="ts">
     export default {
         name: "two-factor-form",
         data: function () {

resources/assets/scripts/components/core/Modal.vue

@@ -11,7 +11,7 @@
     </transition>
 </template>
 
-<script>
+<script lang="ts">
     import { XIcon } from 'vue-feather-icons';
     export default {
         name: 'modal',

resources/assets/scripts/components/core/Navigation.vue

@@ -67,7 +67,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import debounce from 'lodash/debounce';
     import { mapState } from 'vuex';
     import { LogOutIcon, ServerIcon, SettingsIcon, UserIcon } from 'vue-feather-icons'

resources/assets/scripts/components/dashboard/Account.vue

@@ -25,7 +25,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import Navigation from '../core/Navigation';
     import Flash from '../Flash';
     import UpdateEmail from './account/UpdateEmail';