News for hackers. Stuff that matters.
Re:Love letter to Vue by Tade0 on Tuesday July 17, 2018 @02:42PM (#17552023)
I spent a year working with Angular Material, currently I'm in a project that uses Vue + Vuetify and to me Vuetify has much more to offer than Angular Material.
Re:Love letter to Vue by noir_lord on Tuesday July 17, 2018 @03:12PM (#17552253)
Interesting, I mostly just use Bootstrap 4 (internal enterprise application so the massive adoption and long release cycles help there).
Re:Love letter to Vue by abalashov on Tuesday July 17, 2018 @03:13PM (#17552262)
I tried doing Bootstrap 4 with Webpack and finally switched to UIkit about 30 milliseconds before committing seppuku.
Re:Love letter to Vue by smnplk on Tuesday July 17, 2018 @05:24PM (#17553558)
i love bulma css
Re:Love letter to Vue by lowry on Tuesday July 17, 2018 @04:15PM (#17552903)
Anything Material is utter crap, Vuetify is not the exception. Minimal CSS frameworks like Picnic CSS are the only way to go. You do not need components and CSS classes to have a decent design. Quite to the contrary.
Re:Love letter to Vue by Tade0 on Tuesday July 17, 2018 @04:46PM (#17553208)
> Minimal CSS frameworks like Picnic CSS are the only way to go.

They are not if you need the components do something aside from looking a specific way.

For the project I'm in I need a:

-Range slider

-Date picker

-Autocomplete select

-Data table with pagination

Obviously none of the "minimal CSS frameworks" have any of those because it's impossible.

Re:Love letter to Vue by nogridbag on Tuesday July 17, 2018 @05:26PM (#17553580)
Did you consider using individual components instead of adopting an entire component framework? Interestingly, I just picked a random Vuetify component from your list, Autocomplete, and the demo is broken in Chrome (cannot type or click trigger - only keyboard down arrow works):

https://vuetifyjs.com/en/components/autocompletes

Re:Love letter to Vue by Tade0 on Tuesday July 17, 2018 @06:04PM (#17553866)
> Did you consider using individual components instead of adopting an entire component framework?

Yes and it's a headache. Mostly because they have separate docs and CSS. The other day I had to change the appearance of all the labels - with a single framework I could just add a simple, single selector(because Vuetify as opposed to Angular Material uses BEM) and be done with it.

I may have to use an individual component for uploading since it hasn't landed in Vuetify yet: https://github.com/vuetifyjs/vuetify/issues/238

> (cannot type or click trigger - only keyboard down arrow works):

Control question: did you click the icon on the left or on the right?

Re:Love letter to Vue by nogridbag on Wednesday July 18, 2018 @09:52AM (#17558335)
> Control question: did you click the icon on the left or on the right?

This is the first time I've ever been stumped by a simple read-only field. I think my confusion was due to the floating label animation on focus which I would expect only if the field was editable. You typically don't encounter read-only fields in mobile apps but they're common place in enterprise desktop apps.

Regardless, there is a bug since clicking the down arrow on the keyboard still allows me to select a state even though the field is read-only.