<template>
  <Page>
    <ActionBar title="Welcome to NativeScript-Vue!" />
    <GridLayout columns="*" rows="*">
      <!-- <Label class="message" :text="msg" col="0" row="0" /> -->
      <MaskedTextField
        mask="000000 00000"
        autocorrect="false"
        keyboardType="number"
        returnKeyType="done"
        maxlength="11"
      />
    </GridLayout>
  </Page>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello World!",
    };
  },
};
</script>

<style scoped>
ActionBar {
  background-color: #53ba82;
  color: #ffffff;
}

.message {
  vertical-align: center;
  text-align: center;
  font-size: 20;
  color: #333333;
}
</style>
