From 51986d7c6c767dd7a31df8b97eca04b590c81839 Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Sun, 9 Jun 2024 07:25:51 +0200 Subject: [PATCH] docs: prettify example css files --- docs/components/DocsRepl.vue | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/docs/components/DocsRepl.vue b/docs/components/DocsRepl.vue index 0b0409c3..0b73f462 100644 --- a/docs/components/DocsRepl.vue +++ b/docs/components/DocsRepl.vue @@ -48,7 +48,7 @@ const additionalImports = 'additionalImports' in imports ? imports.additionalImp for (const example of Object.keys(imports).filter((i) => i !== 'additionalImports')) { if (example.includes('css')) { - css += `${imports[example as keyof typeof imports]}` + css += formatCSS(imports[example as keyof typeof imports]) } else { files[example] = imports[example as keyof typeof imports] } @@ -82,6 +82,17 @@ const sfcOptions = { propsDestructure: true, }, } as SFCOptions + +function formatCSS(cssString: string) { + let formattedString = cssString + + formattedString = formattedString.replace(/}/g, '\n}\n\n') + formattedString = formattedString.replace(/;/g, ';\n ') + + formattedString = formattedString.replace(/{/g, ' {\n ') + + return formattedString.trim() +}