<template>
    <div class="content">
      <div class="sub-title-area mb-110">
            <h2>통합검색</h2>
            <div class="breadcrumb-list">
                <ul>
                    <!-- Bind the image source dynamically for homeicon -->
                    <li><img :src="homeicon" alt="Home Icon"></li>
                    <li><img :src="righticon" alt=""></li>
                    <li>통합검색</li>
                </ul>
            </div>
      </div>
        <form action="search" class="search-form">
            <dl>
                <dd class="mb-25">
                    
                    <input type="checkbox" id="check_button" name="">
                    <label for="check_button">선택1</label>

                </dd>
                
              
            </dl>
            <!-- Bind the image source dynamically for loginicon -->
            <button><img :src="loginicon" alt="Login Icon"><span>로그인</span></button>
        </form>
    </div>
</template>

<script>
export default {
  data() {
    return {
      // Define the image sources
      homeicon: 'client/resources/images/icon/home.png',
      loginicon: 'client/resources/images/icon/lock.png',
      righticon: 'client/resources/images/icon/right.png',
    };
  }
};
</script>
