one icon file for whole application (Vuejs, Nuxt)

how can I create one icon file for my whole app? Currently I import into every *.vue file the icons and declare them afterwards like you can see in the following example.

<template>
  <div>
    <v-icon>
      {{mdiCheck}}
    </v-icon>
  </div>
</template>

<script>
import {
  mdiClose,
  mdiCheck
} from '@mdi/js'

export default {
    data: () => ({
        mdiClose: mdiClose,
        mdiCheck: mdiCheck
}),
</script>

I use Nuxt. I want to define the icons in one central file and use them in all my project without importing and declaring the icons in every single file. How can I do that?