Web Components

This webcomponents directory contains the source code for the web components used in the Gitea Web UI.

Guidelines

These components are loaded in <head> (before DOM body) in a separate entry point, they need to be lightweight to not affect the page loading time too much.
Do not import svg.js into a web component because that file is currently not tree-shakeable, import svg files individually insteat.
All our components must be added to vite.config.ts so they work correctly in Vue.