# Web Components This `webcomponents` directory contains the source code for the web components used in the Gitea Web UI. https://developer.mozilla.org/en-US/docs/Web/Web_Components # Guidelines * These components are loaded in `` (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. * Any custom element used inside a `.vue` file must be added to `webComponents` in `vite.config.ts` so Vue does not try to resolve it as a component. That list also covers custom elements from dependencies.