Vendor relative-time-element as local web component

eslint.config.ts

@@ -896,7 +896,7 @@ export default defineConfig([
       'wc/no-closed-shadow-root': [2],
       'wc/no-constructor-attributes': [2],
       'wc/no-constructor-params': [2],
-      'wc/no-constructor': [2],
+      'wc/no-constructor': [0],
       'wc/no-customized-built-in-elements': [2],
       'wc/no-exports-with-element': [0],
       'wc/no-invalid-element-name': [2],

package.json

@@ -12,7 +12,6 @@
     "@citation-js/plugin-software-formats": "0.6.2",
     "@github/markdown-toolbar-element": "2.2.3",
     "@github/paste-markdown": "1.5.3",
-    "@github/relative-time-element": "5.0.0",
     "@github/text-expander-element": "2.9.4",
     "@mcaptcha/vanilla-glue": "0.1.0-alpha-3",
     "@mermaid-js/layout-elk": "0.2.0",

web_src/css/base.css

@@ -238,7 +238,8 @@ progress::-moz-progress-bar {
   background: var(--color-hover);
 }
 
-::selection {
+::selection,
+relative-time::part(root)::selection {
   background: var(--color-primary-light-1);
   color: var(--color-white);
 }

web_src/js/utils/time.ts

@@ -77,7 +77,6 @@ export function formatDatetime(date: Date | number): string {
       hour: 'numeric',
       hour12: !Number.isInteger(Number(new Intl.DateTimeFormat([], {hour: 'numeric'}).format())),
       minute: '2-digit',
-      timeZoneName: 'short',
     });
   }
   return dateFormat.format(date);

web_src/js/webcomponents/index.ts

@@ -1,4 +1,4 @@
 import './polyfills.ts';
-import '@github/relative-time-element';
+import './relative-time.ts';
 import './origin-url.ts';
 import './overflow-menu.ts';