evjs | Javascript genetic/evolutionary algorithm library | Machine Learning library

First, let me say thank you for helping with my problem. I started struggling with this problem this morning at about 9 am, it's now 3 pm and I am still not able to figure out what if anything will fix this issue. I lost count of the number of youtube videos I watched in an attempt to understand the underlying principles that I might have missed.

Here are all of the other StackOverflow question-answer pairs that I have also looked at and attempted (sometimes multiple times & in combination even) all without luck:

https://forum.vuejs.org/t/solved-unknown-custom-element-v-card/43018

- did you register the component correctly?

"[Vue warn]: Unknown custom element: ..." Error, when using vuetify UI components with the vue-cli-plugin-vuetify

Vuetifyjs error Unknown custom element: did you register the component correctly

https://github.com/SeregPie/VuetifyImageInput/issues/3

https://michaelnthiessen.com/solve-unknown-custom-element-vue/

Vue/Vuetify - Unknown custom element: - did you register the component correctly?

Unknown custom element: - did you register the component correctly? For recursive components

At this point I have basically given up on finding a solution for Vuetify, and if I still cannot find a solution by Monday, then I will abandon Vuetify completely and move on to another framework such as VueBootstrap.

Problem Setup: I am just trying to learn Electron-Vue-Vuetify by using project-based learning. I decided to start by building a simple calculator application just so I can learn how to create components and wire them together with code and perhaps learn how to do SASS/CSS styling/themes as well.

I created a boiler-plate application using the SimulatedGreg template on GitHub: https://github.com/SimulatedGREG/electron-vue

I validated the application is running. Then I followed the steps to NPM install Vuetify. I noticed that the vuetify installer modified the App.vue file in the root folder but not the App.vue in the renderer folder. So I moved that around, and I also noticed that the Vuetify installer created a new components folder also at the root of the src folder, so I moved that HelloWorld.vue component into the src/renderer/components folder. I made a few other minor changes to make sure I did the best I could to wire it up. Validated that the Vuetify plugin was installed and saved in the Dev-dependencies in the package.json, and a few other odds and ends.

Finally, I was able to get where the application would load but all the styling was wrong. Now it's just a flat text rendered to the DOM with no styling at all. I get a bunch of errors in the developer tools:

Here is the full error log: (Sorry a bit long I know, I tried to remove the long redundant bits)