diff --git a/src/extension.ts b/src/extension.ts
index 371c76f62394a33b3048c83dd47afe1913b2ef6d..59d0b2938c501c6cab4b1d255e6aff7f63943e99 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -180,59 +180,6 @@     ...triggerCharacters
   )
 }
 
-function createConfigItemProvider({
-  languages,
-  items,
-  enable = () => true
-}: {
-  languages?: string[]
-  items?: vscode.CompletionItem[]
-  enable?: (text: string) => boolean
-} = {}) {
-  return vscode.languages.registerCompletionItemProvider(
-    languages,
-    {
-      provideCompletionItems: (
-        document: vscode.TextDocument,
-        position: vscode.Position
-      ): vscode.CompletionItem[] => {
-        const range: vscode.Range = new vscode.Range(
-          new vscode.Position(0, 0),
-          position
-        )
-        const text: string = document.getText(range)
-
-        if (!enable(text)) return []
-
-        let lines = text.split(/[\n\r]/)
-
-        let matches = lines
-          .slice(-5)
-          .join('\n')
-          .match(/config\(["']([^"']*)$/)
-
-        if (!matches) return []
-
-        let objPath =
-          matches[1]
-            .replace(/\.[^.]*$/, '')
-            .replace('.', '.children.')
-            .trim() + '.children'
-        let foo = dlv(items, objPath)
-
-        if (foo) {
-          return Object.keys(foo).map(x => foo[x].item)
-        }
-
-        return Object.keys(items).map(x => items[x].item)
-      }
-    },
-    "'",
-    '"',
-    '.'
-  )
-}
-
 function prefixItems(items, str, prefix) {
   const addPrefix =
     typeof prefix !== 'undefined' && prefix !== '' && str === prefix
@@ -327,7 +274,7 @@
   return items
 }
 
-function createConfigItems(config, prefix = '') {
+function createConfigItems(config) {
   let items = {}
   let i = 0
 
@@ -340,7 +287,7 @@
     if (depthOf(config[key]) === 0) {
       if (key === 'plugins') return
 
-      item.filterText = item.insertText = `${prefix}${key}`
+      item.filterText = item.insertText = `.${key}`
       item.sortText = naturalExpand(i.toString())
       if (typeof config[key] === 'string' || typeof config[key] === 'number') {
         item.detail = config[key]
@@ -360,7 +307,7 @@
       item.filterText = item.insertText = `${key}.`
       item.sortText = naturalExpand(i.toString())
       item.command = { title: '', command: 'editor.action.triggerSuggest' }
-      items[key] = { item, children: createConfigItems(config[key], prefix) }
+      items[key] = { item, children: createConfigItems(config[key]) }
     }
 
     i++
@@ -375,7 +322,6 @@   private _disposable: vscode.Disposable
   private _tailwind
   private _items
   private _configItems
-  private _prefixedConfigItems
 
   constructor(tailwind) {
     if (tailwind) {
@@ -393,7 +339,6 @@     if (separator !== ':') return
 
     this._items = createItems(tailwind.classNames, separator, tailwind.config)
     this._configItems = createConfigItems(tailwind.config)
-    this._prefixedConfigItems = createConfigItems(tailwind.config, '.')
 
     this._providers = []
 
@@ -470,26 +415,44 @@       })
     )
 
     this._providers.push(
-      createConfigItemProvider({
-        languages: CSS_TYPES,
-        items: this._prefixedConfigItems
-      })
-    )
+      vscode.languages.registerCompletionItemProvider(
+        CSS_TYPES,
+        {
+          provideCompletionItems: (
+            document: vscode.TextDocument,
+            position: vscode.Position
+          ): vscode.CompletionItem[] => {
+            const range: vscode.Range = new vscode.Range(
+              new vscode.Position(Math.max(position.line - 5, 0), 0),
+              position
+            )
+            const text: string = document.getText(range)
 
-    this._providers.push(
-      createConfigItemProvider({
-        languages: ['vue'],
-        items: this._configItems,
-        enable: text => {
-          if (
-            text.indexOf('<style') !== -1 &&
-            text.indexOf('</style>') === -1
-          ) {
-            return true
+            let matches = text.match(/config\(["']([^"']*)$/)
+
+            if (!matches) return []
+
+            let objPath =
+              matches[1]
+                .replace(/\.[^.]*$/, '')
+                .replace('.', '.children.')
+                .trim() + '.children'
+            let foo = dlv(this._configItems, objPath)
+
+            if (foo) {
+              console.log(Object.keys(foo).map(x => foo[x].item))
+              return Object.keys(foo).map(x => foo[x].item)
+            }
+
+            return Object.keys(this._configItems).map(
+              x => this._configItems[x].item
+            )
           }
-          return false
-        }
-      })
+        },
+        "'",
+        '"',
+        '.'
+      )
     )
 
     this._providers.push(