Add Vue and a GUI widget set

[skamansam]

I really like the Vuetify framework (https://vuetifyjs.com/), just because I like the material look. However, there are many others, and it is totally up for discussion. Be prepared to justify your suggestion in the comments, keeping in mond this app is for mobile and desktop, and should be responsive. A list of good Vue-related libraries can be found at https://github.com/vuejs/awesome-vue#responsive. Here are a few I know:

• Vuetify
• Framework7
• Element

If you choose to use a full Dev stack framework, like quasar or weex, be able to justify why you want to go outside the Vue CLI for dev tooling.

[KickButtowski80]

I really like the Vuetify framework (https://vuetifyjs.com/), just because I like the material look. However, there are many others, and it is totally up for discussion. Be prepared to justify your suggestion in the comments, keeping in mond this app is for mobile and desktop, and should be responsive. A list of good Vue-related libraries can be found at https://github.com/vuejs/awesome-vue#responsive. Here are a few I know:

• Vuetify
• Framework7
• Element

If you choose to use a full Dev stack framework, like quasar or weex, be able to justify why you want to go outside the Vue CLI for dev tooling.

First, Do I need to learn a little vue js in order to be able to apply vuetifyjs in the project?

From what I have understanding, there is no huge difference between bootstrap and vuetifyjs expcet

• vuetifyjs is more tailored for vue js as framework to design frontend with material look
• bootstrap is more generic forms?

At the end, I open to learn new material to enjoy the life better :)

[KickButtowski80]

starting to learn vue js so I can apply vuetifyjs later
https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa&index=2&t=0s

[skamansam]

So for this ticket, we just need a rails app with a vuetify frontend. At least one component should be visible when going to the start page.

[KickButtowski80]

I want to reset my repo to before adding vue section, but I cannot
I want to reset all the red files that git status tell me by running
git checkout -f
yet it tells me

Your branch and 'origin/master' have diverged,
and have 1 and 2 different commits each, respectively.
(use "git pull" to merge the remote branch into yours)

and I run git mergetool to delete conflict, it is gonna be deleted from I feel the local cuz when I wanna do the pull , it comes back and I am in the loop not to know what to do
any suggestion please?

[KickButtowski80]

I was able to reset and add vue to the project and some point was able to make vuetify work partially, yet does not work anymore .
I even open new project in hope of finding the issue, yet I get the same error

Uncaught Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Expected newline.
  ╷
1 │ var api = require("!../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js");
  │                                                                                        ^
  ╵ 

I wait till you get a chance to meet