first commit

app/components/OsIcon.vue

@@ -0,0 +1,124 @@
+<script>
+import "~/assets/styles/OsIcon.CAi4Iz2S.css";
+import { watch } from "vue";
+import { createBlock } from "vue";
+import { ref } from "vue";
+import { computed } from "vue";
+import { createElementBlock } from "vue";
+import { unref } from "vue";
+import { defineComponent } from "vue";
+import { openBlock } from "vue";
+import { normalizeStyle } from "vue";
+import { Icon } from "#components";
+import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
+import { n as modules_n } from "~/lib/modules.js";
+var f = [`src`, `width`, `height`],
+  p = Object.assign(
+    _plugin_vue_export_helper_t(
+      defineComponent({
+        __name: `OsIcon`,
+        props: {
+          url: {},
+          name: {},
+          icon: {},
+          size: {
+            default: 24,
+          },
+        },
+        setup(o) {
+          let u = o,
+            p = ref([]);
+          watch(
+            () => [u.url, u.name, u.icon],
+            () => {
+              p.value = [];
+            },
+            {
+              flush: `sync`,
+            },
+          );
+          function m(e) {
+            let t = String(e ?? ``).trim();
+            if (!t || /[\u0000-\u0020\u007f\\]/.test(t)) return ``;
+            if (/^\/(?!\/)/.test(t)) return t;
+            try {
+              let e = new URL(t.startsWith(`//`) ? `https:${t}` : t);
+              return /^(https?:)$/.test(e.protocol) &&
+                !e.username &&
+                !e.password
+                ? t
+                : ``;
+            } catch {
+              return ``;
+            }
+          }
+          let h = computed(() =>
+              modules_n(m(u.icon) ? `` : u.icon, void 0, u.name),
+            ),
+            g = computed(
+              () =>
+                [m(u.url), m(u.icon), h.value].find(
+                  (e) => e && !p.value.includes(e),
+                ) || ``,
+            ),
+            _ = computed(() =>
+              h.value.endsWith(`/Windows.svg`)
+                ? `lucide:monitor`
+                : /(?:FreeBSD|ESXi|XenServer)\.svg$/.test(h.value)
+                  ? `lucide:hard-drive`
+                  : `lucide:terminal`,
+            );
+          function v(e) {
+            let t = e.target?.getAttribute(`src`);
+            t && t === g.value && p.value.push(t);
+          }
+          return (e, n) => {
+            let r = Icon;
+            return unref(g)
+              ? (openBlock(),
+                createElementBlock(
+                  `img`,
+                  {
+                    key: unref(g),
+                    src: unref(g),
+                    width: o.size,
+                    height: o.size,
+                    alt: ``,
+                    "aria-hidden": `true`,
+                    class: `os-icon`,
+                    loading: `lazy`,
+                    onError: v,
+                  },
+                  null,
+                  40,
+                  f,
+                ))
+              : (openBlock(),
+                createBlock(
+                  r,
+                  {
+                    key: 1,
+                    name: unref(_),
+                    "aria-hidden": `true`,
+                    class: `os-icon-fallback`,
+                    style: normalizeStyle({
+                      width: `${o.size * 0.8}px`,
+                      height: `${o.size * 0.8}px`,
+                    }),
+                  },
+                  null,
+                  8,
+                  [`name`, `style`],
+                ));
+          };
+        },
+      }),
+      [[`__scopeId`, `data-v-01907ce4`]],
+    ),
+    {
+      __name: `OsIcon`,
+    },
+  );
+export {};
+export default p;
+</script>