VueCLIで別ファイルで作成したJSファイルの配列データにアクセスしたい。

Question

前提・実現したいこと

BasicInfomation.vueコンポーネントに別ファイルで作成したdefinition.jsというJSファイルの配列データにアクセスし
v-forで生年月日を入力するoptionを作りたい。

該当のソースコード

↓definition.js

const years = [];
const months = [];
const days = [];

function createYearsOption() {
    for (let y = 2020; y > 1929; y--) {
        if (y > 2018) {
            years.push({ year: y, label: `${y} (令和${y - 2018}年)` });
        } else if (y > 1988) {
            years.push({ year: y, label: `${y} (平成${y - 1988}年)` });
        } else if (y > 1925) {
            years.push({ year: y, label: `${y} (昭和${y - 1925}年)` });
        }
    }
}

function createMounthsOption() {
    for (let i = 1; i <= 12; i++) {
        months.push(i);
    }
}

function createDaysOption() {
    for (let i = 1; i <= 31; i++) {
        days.push(i);
    }
}

export default { createYearsOption, createMounthsOption, createDaysOption }

↓BasicInfomation.vue

<template>
  <div>
    <div class="questionnaire-box">
      <div class="questionnaire-box-header">
        <span>STEP1</span>
        <h4>お客様の情報を入力してください</h4>
      </div>

      <form class="gender-selection-box">
        <p>性別</p>
        <input type="radio" name="gender" value="男" id="men" />
        <label for="men">男</label>
        <input type="radio" name="gender" value="女" id="women" />
        <label for="women">女</label>
      </form>

      <form class="birthday-box">
        <p>生年月日</p>

        <select id="birthday-year">
          <option v-for="yearnumber in years" :key="yearnumber.year">{{ yearnumber.label }}</option>
        </select>年
        <select id="birthday-month"></select>月
        <select id="birthday-day"></select>日
      </form>
    </div>

      <router-link 
to="/questions" tag="button" id="next-btn" class="next-btn">次へ進む</router-link>
  </div>
</template>


<script>
import definition from './definition';

export default {
  data() {
    return {
      years: [],
      months:[],
      days:[]
    };
  },
  methods: {
    test() {
      definition.createYearsOption();
      definition.createMounthsOption();
      definition.createDaysOption();
    }
  },
  mounted: function() {
    this.test();
  }
};
</script>

外部のJSファイルの配列データをv-forを使い生年月日を選択するoptionの作成をしたく
試してみたのですが上手くいきません。

そもそもそのようなことが可能なのでしょうか？

調べてもそれらしき記事が見当たらなかったので質問させていただきました。

ご教授いただければ幸いです????‍♂️

Answer 1

こちら解決しました。

別ファイルで作成した関数で空の配列に必要なデータをpushしたものをexportし必要なところでimportしてデータを利用することができました。