Support dot syntax for Tailwind CSS

[m2de]

I have tested this and all existing functionality is unaffected but when using @apply in css files it will automatically enforce dot syntax for all classes even when typing the class name without the leading dot.

[zignd]

Good catch! But I guess we can improve it a bit. I was experimenting with your solution and figured out a few fields that can be set on the CompletionItem so that we can display the IntelliSense list of available class names without the . prefix. I also figured out how to make the completion work with or without the . but still inserting the class name with the period prefix once you accept the completion.

I'd like to you to apply this change over yours, and feel free to improve it if you want to:

diff --git a/src/extension.ts b/src/extension.ts
index ffe0db8..3dc6077 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -92,13 +92,16 @@ function provideCompletionItemsGenerator(languageSelector: string, classMatchReg
 
             // Creates a collection of CompletionItem based on the classes already cached
             let completionItems = uniqueDefinitions.map(definition => {
-                return new vscode.CompletionItem(`${classPrefix}${definition.className}`, vscode.CompletionItemKind.Variable);
+                const completionItem = new vscode.CompletionItem(`${definition.className}`, vscode.CompletionItemKind.Variable);
+                completionItem.filterText = `${classPrefix}${definition.className}`;
+                completionItem.insertText = `${classPrefix}${definition.className}`;
+                return completionItem;
             });
 
             // Removes from the collection the classes already specified on the class attribute
             for (let i = 0; i < classesOnAttribute.length; i++) {
                 for (let j = 0; j < completionItems.length; j++) {
-                    if (completionItems[j].label === classesOnAttribute[i]) {
+                    if (completionItems[j].insertText === classesOnAttribute[i]) {
                         completionItems.splice(j, 1);
                     }
                 }

[m2de]

Nice one @zignd, thanks for that. This does make the behaviour feel more consistent with or without prefix. Changes pushed up.

[zignd]

Sorry for taking this long to reply, I will merge the pull request then and release a new version in a moment.