As a Vue beginner, I'm trying to wrap my head around a basic concept. In vue-cli 3, the "App.vue" file serves as the root component with <script>
and <style>
tags like any other component. However, after adding Vuetify to a project, the App.vue no longer contains those tags, and attempting to add them breaks the app. Furthermore, there's a new "views" folder that has me confused. Can someone please explain this to me? I couldn't find much information on Vuetify's page.
UPDATE:
In setting up another project the same way, everything appeared normal. This was done with specific options selected after running vue add vuetify
:
? Use a pre-made template? (will replace App.vue and HelloWorld.vue) Yes
? Use custom theme? No
? Use custom properties (CSS variables)? No
? Select icon font md
? Use fonts as a dependency (for Electron or offline)? No
? Use a-la-carte components? No
? Use babel/polyfill? No
? Select locale en
I discovered that the /views folder was added due to installing vue-router in the project. This may have caused the main App.vue file to reject <script>
or <style>
tags. I'll be revisiting the vue-router documentation for more insight, but any additional input would be greatly appreciated.