extracted closeNav function to Utils

src/components/Nav.vue

@@ -9,12 +9,12 @@
       <div id="mainNav" class="collapse navbar-collapse navbar-nav justify-content-between">
         <ul class="list-unstyled">
           <li class="nav-item">
-            <router-link class="navbar-brand" to="/" @click="closeNav">
+            <router-link class="navbar-brand" to="/" @click="closeNav('#mainNav')">
               CSGO<span class="text-up text-white fw-bold">WTF</span>
             </router-link>
           </li>
           <li class="nav-item">
-            <router-link class="nav-link" to="/explore" @click="closeNav">
+            <router-link class="nav-link" to="/explore" @click="closeNav('#mainNav')">
               Explore
             </router-link>
           </li>
@@ -50,7 +50,7 @@
 <script>
 import {reactive} from "vue";
 import {useStore} from 'vuex'
-import {GetUser, GoToPlayer} from '../utils'
+import {GetUser, GoToPlayer, closeNav} from '../utils'
 
 export default {
   name: 'Nav',
@@ -61,12 +61,6 @@ export default {
       error: ''
     })
 
-    const closeNav = () => {
-      const nav = document.querySelector('#mainNav')
-      if (nav.classList.contains('show'))
-        nav.classList.remove('show')
-    }
-
     const parseSearch = async () => {
       const input = data.searchInput
       const customUrlPattern = 'https://steamcommunity.com/id/'
@@ -135,10 +129,10 @@ export default {
             })
 
             if (store.state.vanityUrl) {
-              closeNav()
+              closeNav('#mainNav')
               GoToPlayer(store.state.vanityUrl)
             } else if (store.state.id64) {
-              closeNav()
+              closeNav('#mainNav')
               GoToPlayer(store.state.id64)
             }
 
@@ -166,10 +160,9 @@ export default {
         if (e.target.attributes.id.name === 'searchform' || e.target.attributes.id.name === 'search' || e.target.attributes.id.name === 'search-button')
           console.log('test')
       } else
-        closeNav()
+        closeNav('#mainNav')
     })
 
-
     return {
       data, parseSearch, closeNav
     }