feat: add marko playground links (#1927)

Author: LuLaValva

app/components/Package/Playgrounds.vue

@@ -21,6 +21,7 @@ const providerIcons: Record<string, string> = {
   'svelte-playground': 'i-simple-icons:svelte',
   'tailwind-playground': 'i-simple-icons:tailwindcss',
   'storybook': 'i-simple-icons:storybook',
+  'marko-playground': 'i-simple-icons:marko',
 }
 
 // Map provider id to color class
@@ -39,6 +40,7 @@ const providerColors: Record<string, string> = {
   'svelte-playground': 'text-provider-svelte',
   'tailwind-playground': 'text-provider-tailwind',
   'storybook': 'text-provider-storybook',
+  'marko-playground': 'text-provider-marko',
 }
 
 function getIcon(provider: string): string {

server/utils/readme.ts

@@ -104,6 +104,13 @@ const PLAYGROUND_PROVIDERS: PlaygroundProvider[] = [
     domains: ['play.tailwindcss.com'],
     icon: 'tailwindcss',
   },
+  {
+    id: 'marko-playground',
+    name: 'Marko Playground',
+    domains: ['markojs.com'],
+    paths: ['/playground'],
+    icon: 'marko',
+  },
 ]
 
 /**

uno.config.ts

@@ -107,6 +107,7 @@ export default defineConfig({
         svelte: '#FF3E00',
         tailwind: '#06B6D4',
         storybook: '#FF4785',
+        marko: '#CC0067',
       },
     },
     animation: {