<!-- components/ComponentA.vue -->
<template>
    <v-container>
      <v-row>
        <v-col>
          <h2>{{ $t('message.login') }}</h2>
          <v-text-field v-model="param1" :label="$t('message.email')"></v-text-field>
          <p>{{ $t('message.param1') }}: {{ param1 }}</p>
        </v-col>
      </v-row>
    </v-container>
  </template>
  
  <script>
  export default {
    computed: {
      param1: {
        get() {
          return this.$store.state.param1;
        },
        set(value) {
          this.$store.commit('setParam1', value);
        }
      }
    }
  };
  </script>
  
  <style scoped>
  h2 {
    color: blue;
  }
  </style>
  