import {onMounted, ref, useContext} from "@nuxtjs/composition-api";
import * as _ from "lodash";

export class UseNavigationHelpers{
  public static expansionPanels(){
    const {route} = useContext()
    const panel = ref()
    const activeAccordionId = route.value.query.accordion
    onMounted(()=>{
      setTimeout(function(){
        _.each(document.getElementsByClassName("v-expansion-panel"), (element, index) =>{
          if(element.id == activeAccordionId) {
            panel.value = index
          }
        })
        if(!panel.value) panel.value = 0
      }, 0)
    })

    return {
      panel
    }
  }
}