I am currently working on enhancing features for the self-hosted file storage system called filegator.
(The project utilizes single-file components for organization, which is important to note.)
(It is built on Vue.js and operates as a Node.js server with babel)
My aim is to update the existing buefy version in order to take advantage of newer functionalities.
One of the intermediate versions had some code-breaking changes, but the recommended solution has already been implemented:
If you refer to the instructions here, you will see that it advises
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
Vue.use(Buefy);
This setup has already been done while using a version prior to the breaking changes in filegator's main.js, specifically in lines 1, 5, and 25.
Despite this, I am still encountering the following error message:
https://i.sstatic.net/C4B4P.png
I attempted to import buefy in a similar manner within Browser.vue, which contains the problematic b-table, but that did not resolve the issue. (Should I be importing packages separately in each component?)
What adds to the confusion is that the article detailing the breaking changes suggests
import { Table } from 'buefy'
whereas the official documentation's code shows
b-table
However, I am unable to import individual components with hyphens in their names as it leads to errors.
I believe solving this issue should be straightforward, and I might be missing something obvious.
Could someone kindly guide me in the right direction?
Appreciate it! :)