vue.jsで、定義したオブジェクト{int: string}がimport時に{string: string}になってしまうのを直したい

前提・実現したいこと

Javascriptで定義したオブジェクト{ index_int型: value_String型 } が、
vueコンポーネントでimportした際に{ index_String型: value_String型 }になってしまいます。
これを、import前と同じ型で扱いたいです。（indexをStringでなくintで扱いたい）
お詳しい方、ご教示お願いできませんでしょうか？

該当のソースコード

javascript
1// ~/consts/prefectureList.js
2const PREFECTURE_LIST = {
3  1: "北海道",
4  2: "青森県",
5  3: "岩手県",
6  4: "宮城県",
7  5: "秋田県",
8}
9
10// グローバルにせず必ずimportして使うローカルルールのため、オブジェクトをexportする
11export const prefectureList = () => {
12  return PREFECTURE_LIST;
13}

vue
1<!-- ~/components/prefecture.vue -->
2<template>
3  {{prefectureList()}}
4  <!-- 理想 -->
5  <!-- { 1: "北海道", 2: "青森県", 3: "岩手県", 4: "宮城県", 5: "秋田県"} -->
6  <!-- 実際の結果 -->
7  <!-- { "1": "北海道", "2": "青森県", "3": "岩手県", "4": "宮城県", "5": "秋田県"} -->
8</template>
9
10<script>
11import {prefectureList} from "~/consts/prefectureList";
12
13export default {
14  methods: {
15    prefectureList,
16  },
17}
18</script>

これがJavascriptの話なのか、それともvueの話なのかわからず曖昧な質問になってしまいすみません。
（importしただけでString型になってしまいますが、これは、私が何か余計なことをしてなってしまっているのでしょうか。）
定義したまま使う方法（もしくは{int:string}型に変換する良い方法）を知りたいです。

初心者質問で恐縮ですが、お詳しい方ご教示お願いできませんでしょうか。