<template>
  <section class="subjects-section section">
    <div class="container-fluid">
      
      <div class="row subjects-main hr-x">
        <div class="col-12 subjects-title">
          <h1 class="text-title ">موضوعات قانونی</h1>
        </div>

        <div class="card" v-for="(item, index) in menu.subjects" :key="index">
          <div class="my-card-header">
            <svg
              class="card-icon"
              :class="`icon icon-` + item.icon"
            >
              <use xlink :href="`#icon-` + item.icon"></use>
            </svg>
          </div>
          <div class="card-body">
            <h5 class="card-title">{{ item.title }}</h5>
            <button class="btn-majles">مشاهده</button>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
import menu from "~/json/dashboard/majles/json/majlesDashboard.json";
export default {
  data() {
    return {
      menu: menu,
      typingTimer: 0,
      doneTypingInterval: 500,
    };
  },
};
</script>
