AuthTokenSetup.vue: move data property definition *after* methods (still fails with one kind of TS error)

Merely moving the property after another fixes a Typescript error. I'm
baffled.

This fixes one of three Vue/Typescript errors:

   ERROR in /app/src/components/AuthTokenSetup.vue.ts
   47:9-14
   [tsl] ERROR in /app/src/components/AuthTokenSetup.vue.ts(47,10)
         TS2339: Property 'reset' does not exist on type 'CreateComponentPublicInstance<{}, { authTokenStore: Store<"auth-token", { tokens: IToken[]; }, {}, { updateToken(token: IToken): Promise<any>; addToken(name: string): Promise<ITokenResponse | null>; deleteToken(token: IToken): Promise<...>; wipeToken(token: IToken): Promise<...>; renameToken(token: IToken, newName: ...'.

Still fails with two other errors where Typescript can't infer types on
properties referenced via this.$refs.

Related:

* vuejs/vue#12628 (comment)

Author: tholewebgods

src/components/AuthTokenSetup.vue

@@ -67,13 +67,6 @@ export default defineComponent({
 		const authTokenStore = useAuthTokenStore()
 		return { authTokenStore }
 	},
-	data() {
-		return {
-			deviceName: '',
-			loading: false,
-			newToken: null as ITokenResponse|null,
-		}
-	},
 	methods: {
 		t,
 		reset() {
@@ -94,6 +87,13 @@ export default defineComponent({
 			}
 		},
 	},
+	data() {
+		return {
+			deviceName: '',
+			loading: false,
+			newToken: null as ITokenResponse|null,
+		}
+	},
 })
 </script>