Migrate frontend framework from Vue2 to Vue3

[lunny]

Feature Description

As vue3 becomes more and more fluent, we have to consider to migrate current Vue2 to Vue3 to avoid mantaince problem.
I think there are many works to do to address that.

And this will also resolve below issues:

• heatmap: untranslated string: xx total contributions in the last 12 months #10669

Screenshots

No response

[silverwind]

Can vue3 import vue2-based dependencies or do they all have to upgrade? lafriks/vue-bar-graph#9 is related.

[Ryuno-Ki]

There is a migration build that runs Vue3 but emulates the API of Vue2 (up to a certain degree).
It comes with a performance penalty, though.

[lafriks]

Can vue3 import vue2-based dependencies or do they all have to upgrade? lafriks/vue-bar-graph#9 is related.

I have released vue-bar-graph vue3 version

[wxiaoguang]

(sorry larfiks, I mentioned wrong component and wrong person 😂 , not vue3-bar-graph , but the heat map)

The heatmap's layout is different from the vue2 version.

By default, it looks like this:

On try.gitea.io, I applied a simple style patch:

Before, it looks like this (Vue2 version):

Will the upstream update the heatmap styles? Or the style will be just patched on Gitea side?

update: the fix is in #21312