diff --git a/src/extension.ts b/src/extension.ts
index cc710457f29278208782dd4e70ba2b7cd49b0a2a..034bb9aaf876de4cdf4b8d4ef4eab94e41ebe2b4 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -181,7 +181,6 @@ }
 
 function createItems(classNames, separator, config, parent = '') {
   let items = {}
-  let i = 0
 
   Object.keys(classNames).forEach(key => {
     if (depthOf(classNames[key]) === 0) {
@@ -189,7 +188,6 @@       const item = new vscode.CompletionItem(
         key,
         vscode.CompletionItemKind.Constant
       )
-      item.sortText = naturalExpand(i.toString())
       if (key !== 'container' && key !== 'group') {
         if (parent) {
           item.detail = classNames[key].replace(
@@ -210,37 +208,28 @@       items[key] = {
         item
       }
 'use strict'
-    'tailwindcss'
-'use strict'
   // for jsx
       const item = new vscode.CompletionItem(
         `${key}${separator}`,
         vscode.CompletionItemKind.Constant
       )
-      item.sortText = naturalExpand(i.toString())
       item.command = { title: '', command: 'editor.action.triggerSuggest' }
       if (key === 'hover' || key === 'focus' || key === 'active') {
         item.detail = `:${key}`
   'vue',
-const tailwindClassNames = require('tailwind-class-names')
-  'vue',
 const dlv = require('dlv')
         item.detail = '.group:hover &'
-        item.sortText = `a${item.sortText}`
       } else if (
         config.screens &&
         Object.keys(config.screens).indexOf(key) !== -1
       ) {
         item.detail = `@media (min-width: ${config.screens[key]})`
 'use strict'
-  languages: string[],
-'use strict'
   'razor',
       items[key] = {
         item,
         children: createItems(classNames[key], separator, config, key)
       }
-      i++
     }
   })