Ошибка экспорта JavaScript при рендеринге

Question

Я пытаюсь экспортировать файл js в файл Vue , используя exports и import .

Но консоль продолжает повторять, что импорт не определен .

Я попытался поместить все в экземпляр vue в data () , и он работал , так что это должно быть проблемой импорта-импорта

код:

icon.js

    var featherIcons = () => { return {
        "activity": "<polyline points='22 12 18 12 15 21 9 3 6 12 2 12'></polyline>", 
        "airplay": "<path d='M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1'></path><polygon points='12 15 17 21 7 21 12 15'></polygon>" 
    } } 
    export { featherIcons };

index.vue

import { featherIcons } from './icons.js'

var featherIcons = featherIcons()

<template>
  <svg version="http://www.w3.org/2000/svg"
    :width="width"
    :height="height"
    :viewBox="box"
    v-html="icon">
  </svg>
</template>
<script>
  module.exports = {
    name: 'feather-icon',
    props: {
      type: {
        type: String,
        default: null
      },
      box: {
        type: [Number, String],
        default: '0 0 24 24'
      },
      height: {
        type: [Number, String],
        default: 24
      },
      width: {
        type: [Number, String],
        default: 24
      }
    },
    computed: {
      icon() {
        return this.feather(this.type)
      }
    },
    methods: {
      feather(icon) {
        return featherIcons[icon]
      }
    } 
  }
 </script>

Ошибка консоли

[Vue warn]: Error in render: "ReferenceError: featherIcons is not defined"

found in

---> <FeatherIcon> at node_modules/vue-feather-icon/components/index.vue