Fix counting of visits for freq. projects / groups

The incrementing is done on the created hook of the Vue component so we
need to initialize the component earlier

app/assets/javascripts/frequent_items/index.js

@@ -28,8 +28,8 @@ export default function initFrequentItemDropdowns() {
       return;
     }
 
-    $(navEl).on('shown.bs.dropdown', () =>
-      import('./components/app.vue').then(({ default: FrequentItems }) => {
+    import('./components/app.vue')
+      .then(({ default: FrequentItems }) => {
         // eslint-disable-next-line no-new
         new Vue({
           el,
@@ -59,9 +59,11 @@ export default function initFrequentItemDropdowns() {
             });
           },
         });
+      })
+      .catch(() => {});
 
-        eventHub.$emit(`${namespace}-dropdownOpen`);
-      }),
-    );
+    $(navEl).on('shown.bs.dropdown', () => {
+      eventHub.$emit(`${namespace}-dropdownOpen`);
+    });
   });
 }

changelogs/unreleased/23575-fix-frequent-items-dropdown-logging.yml

+---
+title: Fix tracking of frequently visited projects and groups
+merge_request: 40415
+author:
+type: fixed