Updating package (buefy) breaks project (filegator) - import issues(?)

I am trying to add some features to filegator, a self hosted file storage.
(The project is organized as single-file components, if that is of any relevance.)
(It is based on Vue,js and runs as a Node.js server, with babel)
For this, I want to update the used buefy version, to utilize some newer features.
One of the intermediate version was code breaking, the suggested solution was however already implemented:

If you check here, it suggests to

import Vue from 'vue';  import Buefy from 'buefy';  import 'buefy/dist/buefy.css';    Vue.use(Buefy);  

It already did this, while using a version that was before the breaking changes, in filegators main.js, lines 1, 5 and 25.
However, I still get the following error message: I already tried to import buefy the same way in the Browser.vue, which contains the b-table that throws the error, but it didnt help. (Was I on the right track, do I need to import packages in each component seperately?)

What confuses me even more is that the article informing about the breaking changes suggests to

import { Table } from 'buefy'  

while the official documentations code uses

b-table  

However, I can not import individual components with hyphens in their name. That throws its own errors.
I feel this should probably be pretty easy and I am overlooking something obvious. Could someone please point me in the right direction?
Thank you! :)

https://stackoverflow.com/questions/66609465/updating-package-buefy-breaks-project-filegator-import-issues March 13, 2021 at 10:05AM