Merge pull request #924 from darcyclarke/dc/add-vlt

feat: add vlt to brands & compatible package managers

Author: pheralb

src/components/logos/vlt.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { IconProps } from "@/types/icon";
+
+  let props: IconProps = $props();
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 192 175"
+  width={props.size}
+  height={props.size}
+  fill="currentColor"
+>
+  <path
+    d="M160 0C177.673 0 192 14.3269 192 32C192 49.6731 177.673 64 160 64C154.905 64 149.674 65.9256 147.129 70.339L126.143 106.736C121.588 114.637 123.682 124.522 126.472 133.204C127.464 136.291 128 139.583 128 143C128 160.673 113.673 175 96 175C78.3269 175 64 160.673 64 143C64 139.583 64.5357 136.291 65.5277 133.204C68.3175 124.522 70.4113 114.637 65.8562 106.737L44.8696 70.3382C42.3251 65.9252 37.094 64 32 64C14.3269 64 0 49.6731 0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32C64 35.4168 63.4642 38.7082 62.4721 41.7951C59.6818 50.477 57.5877 60.3622 62.1428 68.2624L83.129 104.66C85.6737 109.074 90.9055 111 96 111C101.094 111 106.325 109.074 108.869 104.661L129.856 68.2621C134.411 60.3621 132.318 50.4769 129.528 41.795C128.536 38.7081 128 35.4167 128 32C128 14.3269 142.327 0 160 0Z"
+  />
+</svg>

src/components/settings/options/selectPkgManager.svelte

@@ -9,6 +9,7 @@
   import Pnpm from "@/components/logos/pnpm.svelte";
   import Yarn from "@/components/logos/yarn.svelte";
   import Bun from "@/components/logos/bun.svelte";
+  import Vlt from "@/components/logos/vlt.svelte";
 
   let pkg = $derived($settingsStore.packageManager);
 
@@ -17,6 +18,7 @@
     pnpm: { label: "pnpm", Icon: Pnpm },
     yarn: { label: "yarn", Icon: Yarn },
     bun: { label: "bun", Icon: Bun },
+    vlt: { label: "vlt", Icon: Vlt },
   };
 </script>
 

src/components/svgs/copyShadcnCommand.svelte

@@ -20,6 +20,7 @@
     pnpm: "pnpm dlx shadcn@latest add",
     yarn: "yarn dlx shadcn@latest add",
     bun: "bunx shadcn@latest add",
+    vlt: "vlx shadcn@latest add",
   };
 
   let pkg = $derived($settingsStore.packageManager);

src/data/svgs.ts

@@ -1,6 +1,19 @@
 import type { iSVG } from "@/types/svg";
 
 export const svgs: iSVG[] = [
+  {
+    title: "vlt",
+    category: "Software",
+    route: {
+      light: "/library/vlt-light.svg",
+      dark: "/library/vlt-dark.svg",
+    },
+    wordmark: {
+      light: "/library/vlt-wordmark-light.svg",
+      dark: "/library/vlt-wordmark-dark.svg",
+    },
+    url: "https://www.vlt.sh",
+  },
   {
     title: "NVIDIA",
     category: ["AI", "Hardware", "Platform"],

src/stores/settings.store.ts

@@ -1,7 +1,7 @@
 import { writable } from "svelte/store";
 import { browser } from "$app/environment";
 
-type PackageManager = "npm" | "pnpm" | "yarn" | "bun";
+type PackageManager = "npm" | "pnpm" | "yarn" | "bun" | "vlt";
 
 interface Settings {
   packageManager: PackageManager;