링크 태그

<div class="krds-tag-wrap large">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>
<div class="krds-tag-wrap medium">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>
<div class="krds-tag-wrap small">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>

<template>
  <div class="krds-tag-wrap large">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>
<div class="krds-tag-wrap medium">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>
<div class="krds-tag-wrap small">
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
	<a href="#" class="krds-btn-tag link">
		태그
	</a>
</div>
</template>

<script setup lang="ts">
// 링크 태그 컴포넌트
// 클릭 가능한 링크 태그입니다.

import { ref } from 'vue'

// 필요한 상태 및 메서드 정의
const isActive = ref(false)

const handleClick = () => {
  isActive.value = !isActive.value
}
</script>