HTML-CSS-Class-Completion icon indicating copy to clipboard operation
HTML-CSS-Class-Completion copied to clipboard

Add support for Svelte

Open skdigital opened this issue 6 years ago • 3 comments

Hi,

Please add support for .Svelte files, its an awesome new framework/javascript compiler that is gaining traction.

Svelte is a new frontend javascript framework that is developing nicely, it just hit version 3. Its actually a javascript compiler that can ship a full webapps code as small as preact (around 3kb) after compilation. There is also a nice framework built around svelte called Sapper that is very similar to reacts Nextjs. Svelts's Sapper runs much faster and smaller than Next.js, and has a few very interesting nice to have features that make developing with it very nice.

Trust me, Svelte and Sapper are going to do very well. It's basically the birth child between Vuejs and Reacts with much better speed and bundle sizes.

Hope this helps.

Here are the links to the respective framework pages. Svelte: https://svelte.dev Sapper: https://sapper.svelte.dev/

Bests,

SKDigital.

skdigital avatar May 22 '19 08:05 skdigital

yup, pleas add .svelte format

timeshift92 avatar Jul 17 '19 16:07 timeshift92

Hey, I cloned the extension locally, made this change:

    // HTML based extensions
     ["html", "django-html", "razor", "php", "blade", "vue",
-        "twig", "markdown", "erb", "handlebars", "ejs",
+        "twig", "markdown", "erb", "handlebars", "ejs", "svelte"
     ].forEach((extension) => {
         context.subscriptions.push(provideCompletionItemsGenerator(extension, /class=["|']([\w- ]*$)/));
     });

and installed it in my vscode.

It works perfectly?

I'd create a PR, but surely I'm missing something and there's more to it than this?

irreal avatar Feb 26 '20 22:02 irreal

Classes where the first capital letter are not displayed... Header (header)...

TolyanDimov avatar Mar 16 '20 21:03 TolyanDimov