A Simple Web Project, And Some Thoughts About Vuetify 3
<p>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:</p>
<blockquote>
<p>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?<br />
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</p>
</blockquote>
<p>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</p>
<p><img alt="" src="https://miro.medium.com/v2/resize:fit:555/1*kAFHj2dXAzfxfFwDLcVTcA.png" style="height:342px; width:555px" /></p>
<blockquote>
<p>Smack: I think GPT is really gonna clutch this<br />
Me: No, don’t give in<br />
Smack: The future is now, old man</p>
</blockquote>
<p>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.</p>
<p>tl;dr it took me a lot longer than five minutes.</p>
<h2>My Confusion About Vuetify 3</h2>
<p>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.</p>
<p><a href="https://evan-soohoo.medium.com/a-simple-web-project-and-some-thoughts-about-vuetify-3-384143140810">Click Here</a></p>