I took a break from “Rudeness Translator” (a web application that uses GPT to translate rude internet comments into polite ones) to look at a new project with Smack. Our conversation went something like this:
Smack: I’m going to try to bang out a web application tonight to help build recipes and calculate macros. Do you have frontend advice?
Me: Handjam Vue and Vuetify into it, even if you don’t need it. Auto-generate a basic website in about five minutes with a million unnecessary packages, and whenever you want anything, copy and paste it from the Vuetify website without understanding anything you are doing
I thought it would be kind of funny to take what he had at the end of the night, and do exactly that. Here is what he put up on Github
Smack: I think GPT is really gonna clutch this
Me: No, don’t give in
Smack: The future is now, old man
The search feature did not work, but I thought it was nice — “duplicate” or “delete” copies or deletes a row, respectively, and every command automatically updates a calories or protein calculation. I thought I would use Vuetify and see if I could replicate this exact functionality in five minutes.
tl;dr it took me a lot longer than five minutes.
My Confusion About Vuetify 3
Is this a good use case for Vue/Vuetify? Not really. Because it is a toy program and will never be on anything important, though, it served as a learning experience. The lesson I got was this: Vuetify 3 may not be stable for v-data-table yet.