N-41 Fix Errors with Tabs > then Create Component Simple Stepper (from tabs)

crearis commented 1 month ago

THIS WHOLE THING IS ON BRANCH feat/stepper-details

TWO ERRORS

component tabs gets error when accessed from page /details

A) Error `Unhandled error during execution of mounted hook at <Tabs>`

Mein Problem seem to be this: tabTitles in tabs-component are Array[0] even if the 4 tabs in the default-slot have titles

Additional Errors:

If I

start from route http://localhost:3000/ausbildung-theaterpaedagogik/einstiege_complex
scroll down and enter the tab 'M16E Tageskursverlauf`
click on button 'Anmeldung und Konditionen'

I get this Error: CallinguseRoutewithin middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes.

CREATE STEPPER

It should take the stepper-captions from data.details (item) > item.title ? item.title : index The Stepper-Content-Panes are identical with (maybe reuse the tab-component)?

murisceman commented 1 month ago

The error in the tabs is caused by a comment that is being parsed as a Tab component. If you remove it, everything should work fine. See here:

https://github.com/theaterpedia/crearis-nuxt/blob/12adb95c5c60741e3f6342f5f2a8f0631e1eb43b/apps/home/components/content/DataViewDetails.vue#L11-L14

Regarding the useRoute warning, I'm not sure of its origin, but I believe it is related to Nuxt Content. It also appears when you use NuxtLink directly.

Can you provide more context on "Create stepper"?

crearis commented 1 month ago

ok, shit that is weird!! Thanks a lot ...

theaterpedia / crearis-nuxt