feat: support less lang

zyyv · Oct 16, 2024 · 0cfcea7 · 0cfcea7
1 parent edf147a
commit 0cfcea7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/playground/src/components/extension/Exports.vue b/playground/src/components/extension/Exports.vue
@@ -48,6 +48,13 @@ const langs = reactive<{
         lang: 'scss',
         formater: formaters.formatToSass,
       },
+      {
+        icon: 'i-logos-less',
+        name: 'Less',
+        parser: 'less',
+        lang: 'less',
+        formater: formaters.formatToLess,
+      },
       {
         name: 'JSON',
         icon: 'i-logos-json',

diff --git a/playground/src/composables/shiki.ts b/playground/src/composables/shiki.ts
@@ -14,6 +14,7 @@ export const shiki = computedAsync<HighlighterCore>(async (onCancel) => {
       () => import('shiki/langs/javascript.mjs'),
       () => import('shiki/langs/json.mjs'),
       () => import('shiki/langs/scss.mjs'),
+      () => import('shiki/langs/less.mjs'),
       () => import ('shiki/langs/css.mjs'),
     ],
   })

diff --git a/playground/src/utils/format.ts b/playground/src/utils/format.ts
@@ -29,3 +29,11 @@ export function formatToSass(colors: ThemeMetas): string {
   }
   return scss
 }
+
+export function formatToLess(colors: ThemeMetas): string {
+  let less = ''
+  for (const [key, value] of Object.entries(colors)) {
+    less += `@color-${key}: ${value};\n`
+  }
+  return less
+}