vueで定数定義をいい感じにするtips

概要

定数多くなったら別ファイルにまとめたいし画面でもいい感じに使いたい。
ggってもスパッと解決できなかったので記事にします。

本題

定義側

const Config = Object.freeze({
  HOGE: [ { name: "hoge" }] // ここに全部定義していく、切り分け粒度はおまかせ
})


export default Config

使う側

import Config from "~/consts/index"

data() {
  return {
    Config: Config
  }
}

こんな感じで定義しました。
もっといい方法があればぜひ教えて下さい。