Включение пакетов npm в приложение Vue.js

У меня есть приложение vue, которое так структурировано (автоматически создано vue init webpack myProject:

index.html
components/
-main.js
-App.vue

Я хочу иметь возможность включать пакеты npm. Например, https://github.com/ACollectionOfAtoms/atomic-bohr-model. Следуя инструкциям, я запустил npm install atomic-bohr-model --save и включил

<script type = "text/javascript" src = "./node_modules/atomic-bohr-model/dist/atomicBohrModel.min.js" charset = "utf-8"></script>

в моем файле index.html. Чтобы использовать пакет, согласно странице github, мне нужно запустить некоторый javascript,

var atomicConfig = {
  containerId: "#bohr-model-container",
  numElectrons: 88,
  idNumber: 1
}

var myAtom = new Atom(atomicConfig)

который запускается с соответствующим элементом: <div id = "bohr-model-container"></div>. Итак, я сделал следующее внутри одного компонента, который отображается в App.vue:

<template>
    <div id = "bohr-model-container" style = "width: 200px; height: 200px"></div>
</template>

<script>
var atomicConfig = {
    containerId: '#bohr-model-container',
    numElectrons: 88,
    idNumber: 1,
};

var myAtom = new Atom(atomicConfig);

export default {
    name: 'myComponent'
};
</script>

Проблема в том, что когда я пытаюсь запустить приложение, я получаю пустую белую страницу. Строка var myAtom = new Atom(atomicConfig); нарушает работу приложения. Почему это происходит? Я предполагаю, что Atom не определен в сценарии моего компонента. Могу ли я импортировать что-нибудь в первой строке?

Почему это не работает так же, как пример приложения, предоставленный для пакета npm, который работает только с использованием простых файлов html и js? Простите за неопытность, я новичок в фреймворках javascript. Заранее спасибо.