Группа списков Vutify делает родительский элемент интерактивным

Есть ли способ сделать родительский, в случае курсов интерактивным, без включения / выключения элементов курса ниже и иметь только стрелку справа, отображающую / скрывающую дочерние элементы. На данный момент я только что добавил ссылку маршрутизатора на родительский элемент в списке, если у него есть путь.

      <v-list-group
        v-if = "item.children"
        v-model = "item.active"
        :key = "item.title"
        :prepend-icon = "item.icon"
         style = "border-top: solid; border-color: #004d3d; border-width: thin;"
      >
        <template v-slot:activator>
            <v-list-item-content>
              <v-list-item-title class = "text">
                <router-link v-if = "item.path" :to = "item.path">{{ item.text }}</router-link>
                <span v-else>{{ item.text }}</span>
              </v-list-item-title>
            </v-list-item-content>
        </template>

        <template v-for = "child in item.children">
          <v-list-item
            :key = "child.title"
            :to = "child.path"
            v-if = "$store.getters['session/hasPermissionKey'](child.permissionKey)"
          >
            <v-list-item-action>
              <v-icon>{{ child.icon }}</v-icon>
            </v-list-item-action>
            <v-list-item-content>
              <v-list-item-title class = "text">
                {{ child.title }}
              </v-list-item-title>
            </v-list-item-content>
          </v-list-item>
        </template>
      </v-list-group>