Convert html project tabs to template

[ineiti]

The html project pages contained references to the images using showcase_v2 as the base url, but that doesn't work with local testing. According to Claude, the solution is to use NuxtImg, but this needs templates and not html.

To be merged after #251

[PascalinDe]

hm, not sure I agree with this, I'll have a closer look later today

[PascalinDe]

I find this very confusing, let's talk about it tomorrow

[ineiti]

I find this very confusing, let's talk about it tomorrow

As discussed, this is mostly about being able to have <NuxtImg and then having automatic insertion of the correct path, based on the baseURL given to nuxt.

I'll try to simplify

https://github.com/c4dt/showcase_v2/pull/252/changes#diff-3dab3823a55489d0b834f1e744910ae51124cfbcb248d5b928fe9bdda36f1076R71

and check if the <template> is necessary in the templates.

[PascalinDe]

I find this very confusing, let's talk about it tomorrow

As discussed, this is mostly about being able to have <NuxtImg and then having automatic insertion of the correct path, based on the baseURL given to nuxt.

I'll try to simplify

https://github.com/c4dt/showcase_v2/pull/252/changes#diff-3dab3823a55489d0b834f1e744910ae51124cfbcb248d5b928fe9bdda36f1076R71

and check if the <template> is necessary in the templates.

I looked into it yesterday evening, I think the correct way to go about it would be to manually convert the files to components once (instead of doing it programmatically each time), and then use the map from the pull request to include the correct one

[ineiti]

Follow-up from the matrix chat:

is it possible to have markdown files?

what are the restrictions / possibilities for components? Is it similar to a template?

[PascalinDe]

Follow-up from the matrix chat:

is it possible to have markdown files?

what are the restrictions / possibilities for components? Is it similar to a template?

a component contains a template

the idea behind components is that you can include them in multiple places

basically all that would be to do is to move the files into the components directory, and change lines 46-48 in Tabs.vue to include the right component based on tab.id, maybe re-using some of the code in getTabComponent

[PascalinDe]

but as discussed in the chat, the actual solution is to set NUXT_APP_BASE_URL=/showcase_v2/ in nuxt.config.ts

[PascalinDe]

Follow-up from the matrix chat:
is it possible to have markdown files?
what are the restrictions / possibilities for components? Is it similar to a template?

a component contains a template

the idea behind components is that you can include them in multiple places

basically all that would be to do is to move the files into the components directory, and change lines 46-48 in Tabs.vue to include the right component based on tab.id, maybe re-using some of the code in getTabComponent

(which would add a lot of single-use components hence why it was not done like this in the first place)

[ineiti]

Closed in favor of #259