From 751e627b634c059368218ad6d298f18d7a7c103c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 8 May 2023 10:15:06 +0300
Subject: [PATCH] Update PTDoc.vue

---
 doc/autocomplete/pt/PTDoc.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/doc/autocomplete/pt/PTDoc.vue b/doc/autocomplete/pt/PTDoc.vue
index 61e0d4315..ab62970d0 100644
--- a/doc/autocomplete/pt/PTDoc.vue
+++ b/doc/autocomplete/pt/PTDoc.vue
@@ -6,7 +6,10 @@
             :suggestions="items"
             @complete="search"
             :pt="{
-                input: { class: 'w-16rem' }
+                input: { class: 'w-16rem' },
+                item: ({ props, state, context }) => ({
+                    class: context.selected ? 'bg-blue-300' : context.focused ? 'bg-blue-100' : undefined
+                })
             }"
         />
     </div>
@@ -26,7 +29,10 @@ export default {
     :suggestions="items"
     @complete="search"
     :pt="{
-        input: { class: 'w-16rem' }
+        input: { class: 'w-16rem' },
+        item: ({ props, state, context }) => ({
+            class: context.selected ? 'bg-blue-300' : context.focused ? 'bg-blue-100' : undefined
+        })
     }"
 />`,
                 options: `
@@ -37,7 +43,10 @@ export default {
             :suggestions="items"
             @complete="search"
             :pt="{
-                input: { class: 'w-16rem' }
+                input: { class: 'w-16rem' },
+                item: ({ props, state, context }) => ({
+                    class: context.selected ? 'bg-blue-300' : context.focused ? 'bg-blue-100' : undefined
+                })
             }"
         />
     </div>
@@ -66,7 +75,10 @@ export default {
             :suggestions="items"
             @complete="search"
             :pt="{
-                input: { class: 'w-16rem' }
+                input: { class: 'w-16rem' },
+                item: ({ props, state, context }) => ({
+                    class: context.selected ? 'bg-blue-300' : context.focused ? 'bg-blue-100' : undefined
+                })
             }"
         />
     </div>