Svelte中集成HubSpot Odometer组件的实现方式合理性咨询

我最近尝试在Svelte项目中集成HubSpot的Odometer组件，但拿不准自己的实现方式是否正确，想请大家帮忙把关。

我的Svelte组件代码 #

<script>
// 尝试在Svelte中使用Odometer
// 已在Odometer.js文件中添加export Odometer
import Odometer from 'Odometer.js';
let el;
onMount(async () => {
    el = document.querySelector('.odometer');
    const od = new Odometer({
        el: el,
        value: 333555,
        format: '',
        theme: 'digital'
    });
})
$: od.update(555)
</script>
<section>
    <div id="odometer" class="odometer">
    </div>
</section>
<style>
</style>

对Odometer源码的修改 #

我改动了官方的odometer.js文件，把原文件第一行的自执行函数：

(function() { var COUNT_FRAMERATE...

替换成了：

export function Odometer () {

资源引入方式 #

我仅在index文件中引入了CSS资源：

<!-- Odometer 引入资源 -->
<link rel="stylesheet" href="http://github.hubspot.com/odometer/themes/odometer-theme-car.css" />
<script src="http://github.hubspot.com/odometer/odometer.js"></script>

请问我这种实现方式是否正确？

内容的提问来源于stack exchange，提问作者Chris