Vue 3

[vabene1111]

Background

Tandoor is currently build around Vue 2 which has been deprecated and is no longer supported with (security) updates. This is why Tandoors frontend is currently being rewritten in Vue 3. This is a massive project that started at the beginning of 2024.

Since the frontend had to be redone completely and I have learned a lot since the last time I started with a new frontend some major changes and improvements are coming along with that

• switch from UI library bootstrap-vue to vuetify, a material design based library with very nice components
• everything is being rewritten as an SPA (single page application) which should improve the user experience (especially performance)
• switch bundler from webpack to vite for much better performance

A lot of attention is directed towards making Tandoor much more user friendly with organized UIs that mostly work on small screens as well and removing some of the different experiments from prior versions.

Release Plan / Current State

I plan on releasing Tandoor version 2 as soon as all the most basic and required features are implemented but probably not with all things that worked in Tandoor versions 1.X. I will then add, over time, everything that is missing. The plan is to keep the database unchanged for as long as possible or release database changes to Tandoor 1.X as well, so you can test out Tandoor 2.X and go back to 1.X if you are missing any features or problems come up.

My project tracking ongoing work is here https:/orgs/TandoorRecipes/projects/1
You can also look at the feature branch feature/vue3 to see what is being done.

I hope to have a first usable version with the absolute minimum of features working by the end of 2024.

Impact

While working on the new version development of tandoor is mostly stopped. Backend fixes and small tweaks are still being made but most of my attention is directed at Tandoor 2. Especially all UI related issues of the current tandoor version are no longer worked on, as all UI features will be rewritten 100% from scratch in Tandoor 2, so fixing them in the old version would be a waste of time.

TODO's for later

• migrate comments to enhanced cook log (see also communication rework #1934)
• proper delete views for protected models (recipe, property types, ..)

[smilerz]

• MIgrate from drf autoschema to drf-spectacular
• deprecate custom QueryParam class
• make all end points paginated
• add query param to all end points that make sense
• add date filters to all end points that make sense
• add created_at, and updated_at to all models
• ensure every endpoint has a test