My transition from a Flask backend without a front end framework to Vue.js (with no chosen backend yet) has me considering how to structure my project. Previously, I would create a 'base.html' file that contained all the necessary HTML code, dependencies like stylesheets and JavaScript libraries, as well as common website components such as the navigation bar and background image. Using Jinja2 templating language, I would extend 'base.html' in every subsequent page.
With Vue.js, I am unsure of where to place this type of 'base.html' code in my project. The file structure of my Vue.js project, created using Vue CLI, is displayed here:
https://i.stack.imgur.com/Vg0ay.png
I am considering either putting the contents of 'base.html' in the index.html file (at the bottom of the picture) or within the template of the src/App.vue file. However, I am open to exploring other possible approaches that may better suit the requirements of my Vue.js project.