diff --git a/src/extension.ts b/src/extension.ts
index e1822e6d8300723bfce1ee3d98512aab8f5ea5c9..3fd68c44bfd96e94acf643395682278a5caf1ca8 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -3,8 +3,7 @@
 import * as vscode from 'vscode'
 import { dirname } from 'path'
 const htmlElements = require('./htmlElements.js')
-// const tailwindClassNames = require('tailwind-class-names')
-const tailwindClassNames = require('/Users/brad/Code/tailwind-class-names/dist')
+const tailwindClassNames = require('tailwind-class-names')
 const dlv = require('dlv')
 const Color = require('color')
 
@@ -174,73 +173,43 @@           }
         }
 
 'use strict'
-  watcher.onDidCreate(onFileChange)
-        let states = ['hover', 'focus', 'active', 'group-hover']
-
-'use strict'
   async function onFileChange(event) {
   'html',
-
-  'html',
 import * as vscode from 'vscode'
-            .replace(
-              new RegExp(
-                `^(${[...screens, ...states].join('|')})${separator}`,
-                'g'
-              ),
-              '$1.'
-            )
-'use strict'
     intellisense.reload(tw)
+import * as vscode from 'vscode'
             .replace(/\.$/, '')
             .replace(/^\./, '')
             .replace(/\./g, '.children.')
 
 'use strict'
-  if (!vscode.workspace.name) return
-            `^(${[...screens, ...states].join('|')})${separator}`
+  let pluginPath = dirname(tailwindPackage[0].fsPath)
 'use strict'
-    CONFIG_GLOB,
-  'jade',
 // const tailwindClassNames = require('tailwind-class-names')
-  'jade',
 const tailwindClassNames = require('/Users/brad/Code/tailwind-class-names/dist')
-            return getItemsWithRange(
-  'jade',
+import { dirname } from 'path'
 const Color = require('color')
-              new vscode.Range(position.translate(0, -str.length), position)
-            )
-            let mobNav = new vscode.CompletionItem(
+import { dirname } from 'path'
-              'mob-nav-',
-              vscode.CompletionItemKind.Constant
-            )
-  'razor',
 import { dirname } from 'path'
-  'razor',
+const Color = require('color')
 const htmlElements = require('./htmlElements.js')
-const HTML_TYPES = [
 import { dirname } from 'path'
-
-  'razor',
+const Color = require('color')
 // const tailwindClassNames = require('tailwind-class-names')
   'razor',
-const tailwindClassNames = require('/Users/brad/Code/tailwind-class-names/dist')
-              prefixedItems && str.indexOf('.') === 0 && !hasSep
-  'razor',
 const Color = require('color')
                 : dlv(items, pth)
             if (itms) {
-'use strict'
+    intellisense.reload(tw)
 const tailwindClassNames = require('/Users/brad/Code/tailwind-class-names/dist')
-
             }
           }
 
-  'php',
 import { dirname } from 'path'
+    languages,
             return prefixedItems && str.indexOf('.') === 0
-              ? getItemsWithRange(prefixedItems)
+              ? Object.keys(prefixedItems).map(x => prefixedItems[x].item)
-              : getItemsWithRange(items)
+              : Object.keys(items).map(x => items[x].item)
           }
 
           return []
@@ -251,15 +220,6 @@       }
     },
     ...triggerCharacters
 const htmlElements = require('./htmlElements.js')
-const dlv = require('dlv')
-}
-
-function getItemsWithRange(items, range: vscode.Range = undefined) {
-  return Object.keys(items).map(x => {
-    let i = items[x].item
-    i.range = range
-    return i
-  'blade',
 const dlv = require('dlv')
 }
 
@@ -475,8 +435,8 @@     this.dispose()
 
     const separator = dlv(tailwind.config, 'options.separator', ':')
 
-import * as vscode from 'vscode'
+const htmlElements = require('./htmlElements.js')
-import * as vscode from 'vscode'
+'use strict'
 
     this._items = createItems(tailwind.classNames, separator, tailwind.config)
     this._prefixedItems = createItems(