t.id === 1) ?
selectedTags = selectedTags.filter(t => t.id !== 1) :
selectedTags.push({
id: 1,
name: `Cheats`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 1),
'text-white': selectedTags.find(t => t.id ===
1)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cheats
t.id === 2) ?
selectedTags = selectedTags.filter(t => t.id !== 2) :
selectedTags.push({
id: 2,
name: `Male Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 2),
'text-white': selectedTags.find(t => t.id ===
2)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Male Protagonist
t.id === 3) ?
selectedTags = selectedTags.filter(t => t.id !== 3) :
selectedTags.push({
id: 3,
name: `Fantasy World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 3),
'text-white': selectedTags.find(t => t.id ===
3)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fantasy World
t.id === 4) ?
selectedTags = selectedTags.filter(t => t.id !== 4) :
selectedTags.push({
id: 4,
name: `Fast Cultivation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 4),
'text-white': selectedTags.find(t => t.id ===
4)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fast Cultivation
t.id === 5) ?
selectedTags = selectedTags.filter(t => t.id !== 5) :
selectedTags.push({
id: 5,
name: `Genius Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 5),
'text-white': selectedTags.find(t => t.id ===
5)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Genius Protagonist
t.id === 6) ?
selectedTags = selectedTags.filter(t => t.id !== 6) :
selectedTags.push({
id: 6,
name: `Special Abilities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 6),
'text-white': selectedTags.find(t => t.id ===
6)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Special Abilities
t.id === 7) ?
selectedTags = selectedTags.filter(t => t.id !== 7) :
selectedTags.push({
id: 7,
name: `System`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 7),
'text-white': selectedTags.find(t => t.id ===
7)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
System
t.id === 8) ?
selectedTags = selectedTags.filter(t => t.id !== 8) :
selectedTags.push({
id: 8,
name: `Transmigration`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 8),
'text-white': selectedTags.find(t => t.id ===
8)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transmigration
t.id === 9) ?
selectedTags = selectedTags.filter(t => t.id !== 9) :
selectedTags.push({
id: 9,
name: `World Hopping`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 9),
'text-white': selectedTags.find(t => t.id ===
9)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
World Hopping
t.id === 10) ?
selectedTags = selectedTags.filter(t => t.id !== 10) :
selectedTags.push({
id: 10,
name: `Accelerated Growth`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 10),
'text-white': selectedTags.find(t => t.id ===
10)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Accelerated Growth
t.id === 11) ?
selectedTags = selectedTags.filter(t => t.id !== 11) :
selectedTags.push({
id: 11,
name: `Antihero Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 11),
'text-white': selectedTags.find(t => t.id ===
11)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Antihero Protagonist
t.id === 12) ?
selectedTags = selectedTags.filter(t => t.id !== 12) :
selectedTags.push({
id: 12,
name: `Appearance Different From Actual Age`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 12),
'text-white': selectedTags.find(t => t.id ===
12)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Appearance Different From Actual Age
t.id === 13) ?
selectedTags = selectedTags.filter(t => t.id !== 13) :
selectedTags.push({
id: 13,
name: `Beautiful Female Lead`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 13),
'text-white': selectedTags.find(t => t.id ===
13)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Beautiful Female Lead
t.id === 14) ?
selectedTags = selectedTags.filter(t => t.id !== 14) :
selectedTags.push({
id: 14,
name: `Body Tempering`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 14),
'text-white': selectedTags.find(t => t.id ===
14)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Body Tempering
t.id === 15) ?
selectedTags = selectedTags.filter(t => t.id !== 15) :
selectedTags.push({
id: 15,
name: `Calm Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 15),
'text-white': selectedTags.find(t => t.id ===
15)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Calm Protagonist
t.id === 16) ?
selectedTags = selectedTags.filter(t => t.id !== 16) :
selectedTags.push({
id: 16,
name: `Carefree Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 16),
'text-white': selectedTags.find(t => t.id ===
16)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Carefree Protagonist
t.id === 17) ?
selectedTags = selectedTags.filter(t => t.id !== 17) :
selectedTags.push({
id: 17,
name: `Charming Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 17),
'text-white': selectedTags.find(t => t.id ===
17)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Charming Protagonist
t.id === 18) ?
selectedTags = selectedTags.filter(t => t.id !== 18) :
selectedTags.push({
id: 18,
name: `Confident Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 18),
'text-white': selectedTags.find(t => t.id ===
18)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Confident Protagonist
t.id === 19) ?
selectedTags = selectedTags.filter(t => t.id !== 19) :
selectedTags.push({
id: 19,
name: `Cosmic Wars`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 19),
'text-white': selectedTags.find(t => t.id ===
19)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cosmic Wars
t.id === 20) ?
selectedTags = selectedTags.filter(t => t.id !== 20) :
selectedTags.push({
id: 20,
name: `Cultivation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 20),
'text-white': selectedTags.find(t => t.id ===
20)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cultivation
t.id === 21) ?
selectedTags = selectedTags.filter(t => t.id !== 21) :
selectedTags.push({
id: 21,
name: `Cunning Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 21),
'text-white': selectedTags.find(t => t.id ===
21)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cunning Protagonist
t.id === 22) ?
selectedTags = selectedTags.filter(t => t.id !== 22) :
selectedTags.push({
id: 22,
name: `Doting Parents`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 22),
'text-white': selectedTags.find(t => t.id ===
22)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Doting Parents
t.id === 23) ?
selectedTags = selectedTags.filter(t => t.id !== 23) :
selectedTags.push({
id: 23,
name: `Enemies Become Allies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 23),
'text-white': selectedTags.find(t => t.id ===
23)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Enemies Become Allies
t.id === 24) ?
selectedTags = selectedTags.filter(t => t.id !== 24) :
selectedTags.push({
id: 24,
name: `Famous Parents`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 24),
'text-white': selectedTags.find(t => t.id ===
24)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Famous Parents
t.id === 25) ?
selectedTags = selectedTags.filter(t => t.id !== 25) :
selectedTags.push({
id: 25,
name: `Famous Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 25),
'text-white': selectedTags.find(t => t.id ===
25)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Famous Protagonist
t.id === 26) ?
selectedTags = selectedTags.filter(t => t.id !== 26) :
selectedTags.push({
id: 26,
name: `Handsome Male Lead`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 26),
'text-white': selectedTags.find(t => t.id ===
26)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Handsome Male Lead
t.id === 27) ?
selectedTags = selectedTags.filter(t => t.id !== 27) :
selectedTags.push({
id: 27,
name: `Immortals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 27),
'text-white': selectedTags.find(t => t.id ===
27)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Immortals
t.id === 28) ?
selectedTags = selectedTags.filter(t => t.id !== 28) :
selectedTags.push({
id: 28,
name: `Loli`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 28),
'text-white': selectedTags.find(t => t.id ===
28)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Loli
t.id === 29) ?
selectedTags = selectedTags.filter(t => t.id !== 29) :
selectedTags.push({
id: 29,
name: `Loyal Subordinates`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 29),
'text-white': selectedTags.find(t => t.id ===
29)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Loyal Subordinates
t.id === 30) ?
selectedTags = selectedTags.filter(t => t.id !== 30) :
selectedTags.push({
id: 30,
name: `Lucky Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 30),
'text-white': selectedTags.find(t => t.id ===
30)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lucky Protagonist
t.id === 31) ?
selectedTags = selectedTags.filter(t => t.id !== 31) :
selectedTags.push({
id: 31,
name: `Multiple Realms`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 31),
'text-white': selectedTags.find(t => t.id ===
31)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Realms
t.id === 32) ?
selectedTags = selectedTags.filter(t => t.id !== 32) :
selectedTags.push({
id: 32,
name: `Overpowered Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 32),
'text-white': selectedTags.find(t => t.id ===
32)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Overpowered Protagonist
t.id === 33) ?
selectedTags = selectedTags.filter(t => t.id !== 33) :
selectedTags.push({
id: 33,
name: `Protagonist With Multiple Bodies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 33),
'text-white': selectedTags.find(t => t.id ===
33)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Protagonist With Multiple Bodies
t.id === 34) ?
selectedTags = selectedTags.filter(t => t.id !== 34) :
selectedTags.push({
id: 34,
name: `Romantic Subplot`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 34),
'text-white': selectedTags.find(t => t.id ===
34)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Romantic Subplot
t.id === 35) ?
selectedTags = selectedTags.filter(t => t.id !== 35) :
selectedTags.push({
id: 35,
name: `Saving The World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 35),
'text-white': selectedTags.find(t => t.id ===
35)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Saving The World
t.id === 36) ?
selectedTags = selectedTags.filter(t => t.id !== 36) :
selectedTags.push({
id: 36,
name: `Schemes And Conspiracies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 36),
'text-white': selectedTags.find(t => t.id ===
36)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Schemes And Conspiracies
t.id === 37) ?
selectedTags = selectedTags.filter(t => t.id !== 37) :
selectedTags.push({
id: 37,
name: `Sharp-Tongued Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 37),
'text-white': selectedTags.find(t => t.id ===
37)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sharp-Tongued Characters
t.id === 38) ?
selectedTags = selectedTags.filter(t => t.id !== 38) :
selectedTags.push({
id: 38,
name: `Strength-Based Social Hierarchy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 38),
'text-white': selectedTags.find(t => t.id ===
38)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Strength-Based Social Hierarchy
t.id === 39) ?
selectedTags = selectedTags.filter(t => t.id !== 39) :
selectedTags.push({
id: 39,
name: `Strong Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 39),
'text-white': selectedTags.find(t => t.id ===
39)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Strong Love Interests
t.id === 40) ?
selectedTags = selectedTags.filter(t => t.id !== 40) :
selectedTags.push({
id: 40,
name: `Strong To Stronger`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 40),
'text-white': selectedTags.find(t => t.id ===
40)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Strong To Stronger
t.id === 41) ?
selectedTags = selectedTags.filter(t => t.id !== 41) :
selectedTags.push({
id: 41,
name: `Underestimated Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 41),
'text-white': selectedTags.find(t => t.id ===
41)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Underestimated Protagonist
t.id === 42) ?
selectedTags = selectedTags.filter(t => t.id !== 42) :
selectedTags.push({
id: 42,
name: `Wealthy Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 42),
'text-white': selectedTags.find(t => t.id ===
42)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Wealthy Characters
t.id === 43) ?
selectedTags = selectedTags.filter(t => t.id !== 43) :
selectedTags.push({
id: 43,
name: `World Travel`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 43),
'text-white': selectedTags.find(t => t.id ===
43)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
World Travel
t.id === 44) ?
selectedTags = selectedTags.filter(t => t.id !== 44) :
selectedTags.push({
id: 44,
name: `Medical Knowledge`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 44),
'text-white': selectedTags.find(t => t.id ===
44)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Medical Knowledge
t.id === 45) ?
selectedTags = selectedTags.filter(t => t.id !== 45) :
selectedTags.push({
id: 45,
name: `Contracts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 45),
'text-white': selectedTags.find(t => t.id ===
45)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Contracts
t.id === 46) ?
selectedTags = selectedTags.filter(t => t.id !== 46) :
selectedTags.push({
id: 46,
name: `Dao Comprehension`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 46),
'text-white': selectedTags.find(t => t.id ===
46)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dao Comprehension
t.id === 47) ?
selectedTags = selectedTags.filter(t => t.id !== 47) :
selectedTags.push({
id: 47,
name: `Daoism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 47),
'text-white': selectedTags.find(t => t.id ===
47)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Daoism
t.id === 48) ?
selectedTags = selectedTags.filter(t => t.id !== 48) :
selectedTags.push({
id: 48,
name: `Demons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 48),
'text-white': selectedTags.find(t => t.id ===
48)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Demons
t.id === 49) ?
selectedTags = selectedTags.filter(t => t.id !== 49) :
selectedTags.push({
id: 49,
name: `Dolls/Puppets`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 49),
'text-white': selectedTags.find(t => t.id ===
49)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dolls/Puppets
t.id === 50) ?
selectedTags = selectedTags.filter(t => t.id !== 50) :
selectedTags.push({
id: 50,
name: `Early Romance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 50),
'text-white': selectedTags.find(t => t.id ===
50)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Early Romance
t.id === 51) ?
selectedTags = selectedTags.filter(t => t.id !== 51) :
selectedTags.push({
id: 51,
name: `Farming`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 51),
'text-white': selectedTags.find(t => t.id ===
51)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Farming
t.id === 52) ?
selectedTags = selectedTags.filter(t => t.id !== 52) :
selectedTags.push({
id: 52,
name: `Ghosts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 52),
'text-white': selectedTags.find(t => t.id ===
52)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ghosts
t.id === 53) ?
selectedTags = selectedTags.filter(t => t.id !== 53) :
selectedTags.push({
id: 53,
name: `Low-Key Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 53),
'text-white': selectedTags.find(t => t.id ===
53)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Low-Key Protagonist
t.id === 54) ?
selectedTags = selectedTags.filter(t => t.id !== 54) :
selectedTags.push({
id: 54,
name: `Magical Space`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 54),
'text-white': selectedTags.find(t => t.id ===
54)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magical Space
t.id === 55) ?
selectedTags = selectedTags.filter(t => t.id !== 55) :
selectedTags.push({
id: 55,
name: `Mature Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 55),
'text-white': selectedTags.find(t => t.id ===
55)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mature Protagonist
t.id === 56) ?
selectedTags = selectedTags.filter(t => t.id !== 56) :
selectedTags.push({
id: 56,
name: `Money Grubber`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 56),
'text-white': selectedTags.find(t => t.id ===
56)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Money Grubber
t.id === 57) ?
selectedTags = selectedTags.filter(t => t.id !== 57) :
selectedTags.push({
id: 57,
name: `Pets`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 57),
'text-white': selectedTags.find(t => t.id ===
57)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pets
t.id === 58) ?
selectedTags = selectedTags.filter(t => t.id !== 58) :
selectedTags.push({
id: 58,
name: `Ruthless Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 58),
'text-white': selectedTags.find(t => t.id ===
58)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ruthless Protagonist
t.id === 59) ?
selectedTags = selectedTags.filter(t => t.id !== 59) :
selectedTags.push({
id: 59,
name: `Slow Growth At Start`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 59),
'text-white': selectedTags.find(t => t.id ===
59)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Slow Growth At Start
t.id === 60) ?
selectedTags = selectedTags.filter(t => t.id !== 60) :
selectedTags.push({
id: 60,
name: `Sword Wielder`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 60),
'text-white': selectedTags.find(t => t.id ===
60)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sword Wielder
t.id === 61) ?
selectedTags = selectedTags.filter(t => t.id !== 61) :
selectedTags.push({
id: 61,
name: `Fallen Nobility`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 61),
'text-white': selectedTags.find(t => t.id ===
61)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fallen Nobility
t.id === 62) ?
selectedTags = selectedTags.filter(t => t.id !== 62) :
selectedTags.push({
id: 62,
name: `Game Elements`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 62),
'text-white': selectedTags.find(t => t.id ===
62)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Game Elements
t.id === 63) ?
selectedTags = selectedTags.filter(t => t.id !== 63) :
selectedTags.push({
id: 63,
name: `Leadership`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 63),
'text-white': selectedTags.find(t => t.id ===
63)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Leadership
t.id === 64) ?
selectedTags = selectedTags.filter(t => t.id !== 64) :
selectedTags.push({
id: 64,
name: `Magic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 64),
'text-white': selectedTags.find(t => t.id ===
64)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magic
t.id === 65) ?
selectedTags = selectedTags.filter(t => t.id !== 65) :
selectedTags.push({
id: 65,
name: `Nobles`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 65),
'text-white': selectedTags.find(t => t.id ===
65)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Nobles
t.id === 66) ?
selectedTags = selectedTags.filter(t => t.id !== 66) :
selectedTags.push({
id: 66,
name: `Wizards`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 66),
'text-white': selectedTags.find(t => t.id ===
66)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Wizards
t.id === 67) ?
selectedTags = selectedTags.filter(t => t.id !== 67) :
selectedTags.push({
id: 67,
name: `Alchemy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 67),
'text-white': selectedTags.find(t => t.id ===
67)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Alchemy
t.id === 68) ?
selectedTags = selectedTags.filter(t => t.id !== 68) :
selectedTags.push({
id: 68,
name: `Game Ranking System`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 68),
'text-white': selectedTags.find(t => t.id ===
68)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Game Ranking System
t.id === 69) ?
selectedTags = selectedTags.filter(t => t.id !== 69) :
selectedTags.push({
id: 69,
name: `Hiding True Abilities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 69),
'text-white': selectedTags.find(t => t.id ===
69)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hiding True Abilities
t.id === 70) ?
selectedTags = selectedTags.filter(t => t.id !== 70) :
selectedTags.push({
id: 70,
name: `Hiding True Identity`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 70),
'text-white': selectedTags.find(t => t.id ===
70)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hiding True Identity
t.id === 71) ?
selectedTags = selectedTags.filter(t => t.id !== 71) :
selectedTags.push({
id: 71,
name: `Time Skip`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 71),
'text-white': selectedTags.find(t => t.id ===
71)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Time Skip
t.id === 72) ?
selectedTags = selectedTags.filter(t => t.id !== 72) :
selectedTags.push({
id: 72,
name: `Weak To Strong`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 72),
'text-white': selectedTags.find(t => t.id ===
72)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Weak To Strong
t.id === 73) ?
selectedTags = selectedTags.filter(t => t.id !== 73) :
selectedTags.push({
id: 73,
name: `Ability Steal`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 73),
'text-white': selectedTags.find(t => t.id ===
73)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ability Steal
t.id === 74) ?
selectedTags = selectedTags.filter(t => t.id !== 74) :
selectedTags.push({
id: 74,
name: `Army Building`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 74),
'text-white': selectedTags.find(t => t.id ===
74)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Army Building
t.id === 75) ?
selectedTags = selectedTags.filter(t => t.id !== 75) :
selectedTags.push({
id: 75,
name: `Cautious Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 75),
'text-white': selectedTags.find(t => t.id ===
75)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cautious Protagonist
t.id === 76) ?
selectedTags = selectedTags.filter(t => t.id !== 76) :
selectedTags.push({
id: 76,
name: `Kingdom Building`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 76),
'text-white': selectedTags.find(t => t.id ===
76)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Kingdom Building
t.id === 77) ?
selectedTags = selectedTags.filter(t => t.id !== 77) :
selectedTags.push({
id: 77,
name: `Adapted To Manhua`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 77),
'text-white': selectedTags.find(t => t.id ===
77)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Manhua
t.id === 78) ?
selectedTags = selectedTags.filter(t => t.id !== 78) :
selectedTags.push({
id: 78,
name: `Aliens`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 78),
'text-white': selectedTags.find(t => t.id ===
78)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Aliens
t.id === 79) ?
selectedTags = selectedTags.filter(t => t.id !== 79) :
selectedTags.push({
id: 79,
name: `Alternate World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 79),
'text-white': selectedTags.find(t => t.id ===
79)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Alternate World
t.id === 80) ?
selectedTags = selectedTags.filter(t => t.id !== 80) :
selectedTags.push({
id: 80,
name: `Archery`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 80),
'text-white': selectedTags.find(t => t.id ===
80)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Archery
t.id === 81) ?
selectedTags = selectedTags.filter(t => t.id !== 81) :
selectedTags.push({
id: 81,
name: `Beast Companions`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 81),
'text-white': selectedTags.find(t => t.id ===
81)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Beast Companions
t.id === 82) ?
selectedTags = selectedTags.filter(t => t.id !== 82) :
selectedTags.push({
id: 82,
name: `Black Belly`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 82),
'text-white': selectedTags.find(t => t.id ===
82)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Black Belly
t.id === 83) ?
selectedTags = selectedTags.filter(t => t.id !== 83) :
selectedTags.push({
id: 83,
name: `Blacksmith`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 83),
'text-white': selectedTags.find(t => t.id ===
83)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Blacksmith
t.id === 84) ?
selectedTags = selectedTags.filter(t => t.id !== 84) :
selectedTags.push({
id: 84,
name: `Dense Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 84),
'text-white': selectedTags.find(t => t.id ===
84)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dense Protagonist
t.id === 85) ?
selectedTags = selectedTags.filter(t => t.id !== 85) :
selectedTags.push({
id: 85,
name: `Elemental Magic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 85),
'text-white': selectedTags.find(t => t.id ===
85)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Elemental Magic
t.id === 86) ?
selectedTags = selectedTags.filter(t => t.id !== 86) :
selectedTags.push({
id: 86,
name: `Gate To Another World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 86),
'text-white': selectedTags.find(t => t.id ===
86)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gate To Another World
t.id === 87) ?
selectedTags = selectedTags.filter(t => t.id !== 87) :
selectedTags.push({
id: 87,
name: `Jack Of All Trades`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 87),
'text-white': selectedTags.find(t => t.id ===
87)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Jack Of All Trades
t.id === 88) ?
selectedTags = selectedTags.filter(t => t.id !== 88) :
selectedTags.push({
id: 88,
name: `Modern Day`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 88),
'text-white': selectedTags.find(t => t.id ===
88)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Modern Day
t.id === 89) ?
selectedTags = selectedTags.filter(t => t.id !== 89) :
selectedTags.push({
id: 89,
name: `Monsters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 89),
'text-white': selectedTags.find(t => t.id ===
89)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Monsters
t.id === 90) ?
selectedTags = selectedTags.filter(t => t.id !== 90) :
selectedTags.push({
id: 90,
name: `Mythical Beasts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 90),
'text-white': selectedTags.find(t => t.id ===
90)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mythical Beasts
t.id === 91) ?
selectedTags = selectedTags.filter(t => t.id !== 91) :
selectedTags.push({
id: 91,
name: `Nationalism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 91),
'text-white': selectedTags.find(t => t.id ===
91)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Nationalism
t.id === 92) ?
selectedTags = selectedTags.filter(t => t.id !== 92) :
selectedTags.push({
id: 92,
name: `Parallel Worlds`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 92),
'text-white': selectedTags.find(t => t.id ===
92)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Parallel Worlds
t.id === 93) ?
selectedTags = selectedTags.filter(t => t.id !== 93) :
selectedTags.push({
id: 93,
name: `Racism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 93),
'text-white': selectedTags.find(t => t.id ===
93)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Racism
t.id === 94) ?
selectedTags = selectedTags.filter(t => t.id !== 94) :
selectedTags.push({
id: 94,
name: `Shameless Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 94),
'text-white': selectedTags.find(t => t.id ===
94)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shameless Protagonist
t.id === 95) ?
selectedTags = selectedTags.filter(t => t.id !== 95) :
selectedTags.push({
id: 95,
name: `Slow Romance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 95),
'text-white': selectedTags.find(t => t.id ===
95)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Slow Romance
t.id === 96) ?
selectedTags = selectedTags.filter(t => t.id !== 96) :
selectedTags.push({
id: 96,
name: `Sudden Strength Gain`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 96),
'text-white': selectedTags.find(t => t.id ===
96)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sudden Strength Gain
t.id === 97) ?
selectedTags = selectedTags.filter(t => t.id !== 97) :
selectedTags.push({
id: 97,
name: `Sword And Magic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 97),
'text-white': selectedTags.find(t => t.id ===
97)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sword And Magic
t.id === 98) ?
selectedTags = selectedTags.filter(t => t.id !== 98) :
selectedTags.push({
id: 98,
name: `Unique Weapon User`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 98),
'text-white': selectedTags.find(t => t.id ===
98)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unique Weapon User
t.id === 99) ?
selectedTags = selectedTags.filter(t => t.id !== 99) :
selectedTags.push({
id: 99,
name: `Androids`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 99),
'text-white': selectedTags.find(t => t.id ===
99)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Androids
t.id === 100) ?
selectedTags = selectedTags.filter(t => t.id !== 100) :
selectedTags.push({
id: 100,
name: `Animal Rearing`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 100),
'text-white': selectedTags.find(t => t.id ===
100)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Animal Rearing
t.id === 101) ?
selectedTags = selectedTags.filter(t => t.id !== 101) :
selectedTags.push({
id: 101,
name: `Aristocracy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 101),
'text-white': selectedTags.find(t => t.id ===
101)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Aristocracy
t.id === 102) ?
selectedTags = selectedTags.filter(t => t.id !== 102) :
selectedTags.push({
id: 102,
name: `Army`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 102),
'text-white': selectedTags.find(t => t.id ===
102)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Army
t.id === 103) ?
selectedTags = selectedTags.filter(t => t.id !== 103) :
selectedTags.push({
id: 103,
name: `Artifact Crafting`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 103),
'text-white': selectedTags.find(t => t.id ===
103)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Artifact Crafting
t.id === 104) ?
selectedTags = selectedTags.filter(t => t.id !== 104) :
selectedTags.push({
id: 104,
name: `Artifacts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 104),
'text-white': selectedTags.find(t => t.id ===
104)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Artifacts
t.id === 105) ?
selectedTags = selectedTags.filter(t => t.id !== 105) :
selectedTags.push({
id: 105,
name: `Average-Looking Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 105),
'text-white': selectedTags.find(t => t.id ===
105)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Average-Looking Protagonist
t.id === 106) ?
selectedTags = selectedTags.filter(t => t.id !== 106) :
selectedTags.push({
id: 106,
name: `Beastkin`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 106),
'text-white': selectedTags.find(t => t.id ===
106)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Beastkin
t.id === 107) ?
selectedTags = selectedTags.filter(t => t.id !== 107) :
selectedTags.push({
id: 107,
name: `Beasts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 107),
'text-white': selectedTags.find(t => t.id ===
107)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Beasts
t.id === 108) ?
selectedTags = selectedTags.filter(t => t.id !== 108) :
selectedTags.push({
id: 108,
name: `Bloodlines`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 108),
'text-white': selectedTags.find(t => t.id ===
108)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bloodlines
t.id === 109) ?
selectedTags = selectedTags.filter(t => t.id !== 109) :
selectedTags.push({
id: 109,
name: `Broken Engagement`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 109),
'text-white': selectedTags.find(t => t.id ===
109)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Broken Engagement
t.id === 110) ?
selectedTags = selectedTags.filter(t => t.id !== 110) :
selectedTags.push({
id: 110,
name: `Buddhism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 110),
'text-white': selectedTags.find(t => t.id ===
110)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Buddhism
t.id === 111) ?
selectedTags = selectedTags.filter(t => t.id !== 111) :
selectedTags.push({
id: 111,
name: `Business Management`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 111),
'text-white': selectedTags.find(t => t.id ===
111)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Business Management
t.id === 112) ?
selectedTags = selectedTags.filter(t => t.id !== 112) :
selectedTags.push({
id: 112,
name: `Businessmen`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 112),
'text-white': selectedTags.find(t => t.id ===
112)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Businessmen
t.id === 113) ?
selectedTags = selectedTags.filter(t => t.id !== 113) :
selectedTags.push({
id: 113,
name: `Celebrities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 113),
'text-white': selectedTags.find(t => t.id ===
113)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Celebrities
t.id === 114) ?
selectedTags = selectedTags.filter(t => t.id !== 114) :
selectedTags.push({
id: 114,
name: `Clan Building`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 114),
'text-white': selectedTags.find(t => t.id ===
114)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clan Building
t.id === 115) ?
selectedTags = selectedTags.filter(t => t.id !== 115) :
selectedTags.push({
id: 115,
name: `Devoted Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 115),
'text-white': selectedTags.find(t => t.id ===
115)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Devoted Love Interests
t.id === 116) ?
selectedTags = selectedTags.filter(t => t.id !== 116) :
selectedTags.push({
id: 116,
name: `Domestic Affairs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 116),
'text-white': selectedTags.find(t => t.id ===
116)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Domestic Affairs
t.id === 117) ?
selectedTags = selectedTags.filter(t => t.id !== 117) :
selectedTags.push({
id: 117,
name: `Dragons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 117),
'text-white': selectedTags.find(t => t.id ===
117)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dragons
t.id === 118) ?
selectedTags = selectedTags.filter(t => t.id !== 118) :
selectedTags.push({
id: 118,
name: `Economics`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 118),
'text-white': selectedTags.find(t => t.id ===
118)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Economics
t.id === 119) ?
selectedTags = selectedTags.filter(t => t.id !== 119) :
selectedTags.push({
id: 119,
name: `Evil Gods`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 119),
'text-white': selectedTags.find(t => t.id ===
119)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Evil Gods
t.id === 120) ?
selectedTags = selectedTags.filter(t => t.id !== 120) :
selectedTags.push({
id: 120,
name: `Evil Religions`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 120),
'text-white': selectedTags.find(t => t.id ===
120)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Evil Religions
t.id === 121) ?
selectedTags = selectedTags.filter(t => t.id !== 121) :
selectedTags.push({
id: 121,
name: `Evolution`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 121),
'text-white': selectedTags.find(t => t.id ===
121)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Evolution
t.id === 122) ?
selectedTags = selectedTags.filter(t => t.id !== 122) :
selectedTags.push({
id: 122,
name: `Firearms`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 122),
'text-white': selectedTags.find(t => t.id ===
122)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Firearms
t.id === 123) ?
selectedTags = selectedTags.filter(t => t.id !== 123) :
selectedTags.push({
id: 123,
name: `Forgetful Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 123),
'text-white': selectedTags.find(t => t.id ===
123)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Forgetful Protagonist
t.id === 124) ?
selectedTags = selectedTags.filter(t => t.id !== 124) :
selectedTags.push({
id: 124,
name: `Fox Spirits`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 124),
'text-white': selectedTags.find(t => t.id ===
124)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fox Spirits
t.id === 125) ?
selectedTags = selectedTags.filter(t => t.id !== 125) :
selectedTags.push({
id: 125,
name: `Human-Nonhuman Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 125),
'text-white': selectedTags.find(t => t.id ===
125)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Human-Nonhuman Relationship
t.id === 126) ?
selectedTags = selectedTags.filter(t => t.id !== 126) :
selectedTags.push({
id: 126,
name: `Maids`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 126),
'text-white': selectedTags.find(t => t.id ===
126)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Maids
t.id === 127) ?
selectedTags = selectedTags.filter(t => t.id !== 127) :
selectedTags.push({
id: 127,
name: `Merchants`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 127),
'text-white': selectedTags.find(t => t.id ===
127)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Merchants
t.id === 128) ?
selectedTags = selectedTags.filter(t => t.id !== 128) :
selectedTags.push({
id: 128,
name: `Mind Control`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 128),
'text-white': selectedTags.find(t => t.id ===
128)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mind Control
t.id === 129) ?
selectedTags = selectedTags.filter(t => t.id !== 129) :
selectedTags.push({
id: 129,
name: `Monster Tamer`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 129),
'text-white': selectedTags.find(t => t.id ===
129)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Monster Tamer
t.id === 130) ?
selectedTags = selectedTags.filter(t => t.id !== 130) :
selectedTags.push({
id: 130,
name: `Necromancer`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 130),
'text-white': selectedTags.find(t => t.id ===
130)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Necromancer
t.id === 131) ?
selectedTags = selectedTags.filter(t => t.id !== 131) :
selectedTags.push({
id: 131,
name: `Politics`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 131),
'text-white': selectedTags.find(t => t.id ===
131)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Politics
t.id === 132) ?
selectedTags = selectedTags.filter(t => t.id !== 132) :
selectedTags.push({
id: 132,
name: `Polygamy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 132),
'text-white': selectedTags.find(t => t.id ===
132)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Polygamy
t.id === 133) ?
selectedTags = selectedTags.filter(t => t.id !== 133) :
selectedTags.push({
id: 133,
name: `Power Struggle`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 133),
'text-white': selectedTags.find(t => t.id ===
133)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Power Struggle
t.id === 134) ?
selectedTags = selectedTags.filter(t => t.id !== 134) :
selectedTags.push({
id: 134,
name: `Servants`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 134),
'text-white': selectedTags.find(t => t.id ===
134)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Servants
t.id === 135) ?
selectedTags = selectedTags.filter(t => t.id !== 135) :
selectedTags.push({
id: 135,
name: `Sex Slaves`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 135),
'text-white': selectedTags.find(t => t.id ===
135)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sex Slaves
t.id === 136) ?
selectedTags = selectedTags.filter(t => t.id !== 136) :
selectedTags.push({
id: 136,
name: `Souls`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 136),
'text-white': selectedTags.find(t => t.id ===
136)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Souls
t.id === 137) ?
selectedTags = selectedTags.filter(t => t.id !== 137) :
selectedTags.push({
id: 137,
name: `Transported To Another World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 137),
'text-white': selectedTags.find(t => t.id ===
137)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transported To Another World
t.id === 138) ?
selectedTags = selectedTags.filter(t => t.id !== 138) :
selectedTags.push({
id: 138,
name: `Vampires`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 138),
'text-white': selectedTags.find(t => t.id ===
138)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Vampires
t.id === 139) ?
selectedTags = selectedTags.filter(t => t.id !== 139) :
selectedTags.push({
id: 139,
name: `Zombies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 139),
'text-white': selectedTags.find(t => t.id ===
139)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Zombies
t.id === 140) ?
selectedTags = selectedTags.filter(t => t.id !== 140) :
selectedTags.push({
id: 140,
name: `Artificial Intelligence`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 140),
'text-white': selectedTags.find(t => t.id ===
140)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Artificial Intelligence
t.id === 141) ?
selectedTags = selectedTags.filter(t => t.id !== 141) :
selectedTags.push({
id: 141,
name: `Cooking`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 141),
'text-white': selectedTags.find(t => t.id ===
141)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cooking
t.id === 142) ?
selectedTags = selectedTags.filter(t => t.id !== 142) :
selectedTags.push({
id: 142,
name: `Gamers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 142),
'text-white': selectedTags.find(t => t.id ===
142)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gamers
t.id === 143) ?
selectedTags = selectedTags.filter(t => t.id !== 143) :
selectedTags.push({
id: 143,
name: `Misunderstandings`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 143),
'text-white': selectedTags.find(t => t.id ===
143)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Misunderstandings
t.id === 144) ?
selectedTags = selectedTags.filter(t => t.id !== 144) :
selectedTags.push({
id: 144,
name: `Multiple Pov`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 144),
'text-white': selectedTags.find(t => t.id ===
144)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Pov
t.id === 145) ?
selectedTags = selectedTags.filter(t => t.id !== 145) :
selectedTags.push({
id: 145,
name: `Mutated Creatures`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 145),
'text-white': selectedTags.find(t => t.id ===
145)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mutated Creatures
t.id === 146) ?
selectedTags = selectedTags.filter(t => t.id !== 146) :
selectedTags.push({
id: 146,
name: `Mutations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 146),
'text-white': selectedTags.find(t => t.id ===
146)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mutations
t.id === 147) ?
selectedTags = selectedTags.filter(t => t.id !== 147) :
selectedTags.push({
id: 147,
name: `Post-Apocalyptic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 147),
'text-white': selectedTags.find(t => t.id ===
147)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Post-Apocalyptic
t.id === 148) ?
selectedTags = selectedTags.filter(t => t.id !== 148) :
selectedTags.push({
id: 148,
name: `Survival`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 148),
'text-white': selectedTags.find(t => t.id ===
148)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Survival
t.id === 149) ?
selectedTags = selectedTags.filter(t => t.id !== 149) :
selectedTags.push({
id: 149,
name: `Teachers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 149),
'text-white': selectedTags.find(t => t.id ===
149)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Teachers
t.id === 150) ?
selectedTags = selectedTags.filter(t => t.id !== 150) :
selectedTags.push({
id: 150,
name: `Naruto`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 150),
'text-white': selectedTags.find(t => t.id ===
150)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Naruto
t.id === 151) ?
selectedTags = selectedTags.filter(t => t.id !== 151) :
selectedTags.push({
id: 151,
name: `Cannibalism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 151),
'text-white': selectedTags.find(t => t.id ===
151)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cannibalism
t.id === 152) ?
selectedTags = selectedTags.filter(t => t.id !== 152) :
selectedTags.push({
id: 152,
name: `Clever Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 152),
'text-white': selectedTags.find(t => t.id ===
152)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clever Protagonist
t.id === 153) ?
selectedTags = selectedTags.filter(t => t.id !== 153) :
selectedTags.push({
id: 153,
name: `Elves`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 153),
'text-white': selectedTags.find(t => t.id ===
153)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Elves
t.id === 154) ?
selectedTags = selectedTags.filter(t => t.id !== 154) :
selectedTags.push({
id: 154,
name: `Fanfiction`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 154),
'text-white': selectedTags.find(t => t.id ===
154)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fanfiction
t.id === 155) ?
selectedTags = selectedTags.filter(t => t.id !== 155) :
selectedTags.push({
id: 155,
name: `Goblins`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 155),
'text-white': selectedTags.find(t => t.id ===
155)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Goblins
t.id === 156) ?
selectedTags = selectedTags.filter(t => t.id !== 156) :
selectedTags.push({
id: 156,
name: `Harem-Seeking Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 156),
'text-white': selectedTags.find(t => t.id ===
156)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Harem-Seeking Protagonist
t.id === 157) ?
selectedTags = selectedTags.filter(t => t.id !== 157) :
selectedTags.push({
id: 157,
name: `Kingdoms`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 157),
'text-white': selectedTags.find(t => t.id ===
157)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Kingdoms
t.id === 158) ?
selectedTags = selectedTags.filter(t => t.id !== 158) :
selectedTags.push({
id: 158,
name: `Level System`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 158),
'text-white': selectedTags.find(t => t.id ===
158)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Level System
t.id === 159) ?
selectedTags = selectedTags.filter(t => t.id !== 159) :
selectedTags.push({
id: 159,
name: `Multiple Transported Individuals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 159),
'text-white': selectedTags.find(t => t.id ===
159)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Transported Individuals
t.id === 160) ?
selectedTags = selectedTags.filter(t => t.id !== 160) :
selectedTags.push({
id: 160,
name: `Orcs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 160),
'text-white': selectedTags.find(t => t.id ===
160)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Orcs
t.id === 161) ?
selectedTags = selectedTags.filter(t => t.id !== 161) :
selectedTags.push({
id: 161,
name: `Strategic Battles`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 161),
'text-white': selectedTags.find(t => t.id ===
161)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Strategic Battles
t.id === 162) ?
selectedTags = selectedTags.filter(t => t.id !== 162) :
selectedTags.push({
id: 162,
name: `Transported Into A Game World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 162),
'text-white': selectedTags.find(t => t.id ===
162)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transported Into A Game World
t.id === 163) ?
selectedTags = selectedTags.filter(t => t.id !== 163) :
selectedTags.push({
id: 163,
name: `Cold Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 163),
'text-white': selectedTags.find(t => t.id ===
163)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cold Love Interests
t.id === 164) ?
selectedTags = selectedTags.filter(t => t.id !== 164) :
selectedTags.push({
id: 164,
name: `Demonic Cultivation Technique`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 164),
'text-white': selectedTags.find(t => t.id ===
164)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Demonic Cultivation Technique
t.id === 165) ?
selectedTags = selectedTags.filter(t => t.id !== 165) :
selectedTags.push({
id: 165,
name: `Rape`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 165),
'text-white': selectedTags.find(t => t.id ===
165)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Rape
t.id === 166) ?
selectedTags = selectedTags.filter(t => t.id !== 166) :
selectedTags.push({
id: 166,
name: `Reverse Rape`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 166),
'text-white': selectedTags.find(t => t.id ===
166)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reverse Rape
t.id === 167) ?
selectedTags = selectedTags.filter(t => t.id !== 167) :
selectedTags.push({
id: 167,
name: `Modern Knowledge`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 167),
'text-white': selectedTags.find(t => t.id ===
167)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Modern Knowledge
t.id === 168) ?
selectedTags = selectedTags.filter(t => t.id !== 168) :
selectedTags.push({
id: 168,
name: `Time Travel`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 168),
'text-white': selectedTags.find(t => t.id ===
168)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Time Travel
t.id === 169) ?
selectedTags = selectedTags.filter(t => t.id !== 169) :
selectedTags.push({
id: 169,
name: `Inheritance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 169),
'text-white': selectedTags.find(t => t.id ===
169)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Inheritance
t.id === 170) ?
selectedTags = selectedTags.filter(t => t.id !== 170) :
selectedTags.push({
id: 170,
name: `Management`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 170),
'text-white': selectedTags.find(t => t.id ===
170)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Management
t.id === 171) ?
selectedTags = selectedTags.filter(t => t.id !== 171) :
selectedTags.push({
id: 171,
name: `Based On A Movie`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 171),
'text-white': selectedTags.find(t => t.id ===
171)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Based On A Movie
t.id === 172) ?
selectedTags = selectedTags.filter(t => t.id !== 172) :
selectedTags.push({
id: 172,
name: `Based On A Video Game`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 172),
'text-white': selectedTags.find(t => t.id ===
172)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Based On A Video Game
t.id === 173) ?
selectedTags = selectedTags.filter(t => t.id !== 173) :
selectedTags.push({
id: 173,
name: `Based On An Anime`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 173),
'text-white': selectedTags.find(t => t.id ===
173)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Based On An Anime
t.id === 174) ?
selectedTags = selectedTags.filter(t => t.id !== 174) :
selectedTags.push({
id: 174,
name: `Clones`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 174),
'text-white': selectedTags.find(t => t.id ===
174)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clones
t.id === 175) ?
selectedTags = selectedTags.filter(t => t.id !== 175) :
selectedTags.push({
id: 175,
name: `Multiple Identities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 175),
'text-white': selectedTags.find(t => t.id ===
175)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Identities
t.id === 176) ?
selectedTags = selectedTags.filter(t => t.id !== 176) :
selectedTags.push({
id: 176,
name: `Unlimited Flow`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 176),
'text-white': selectedTags.find(t => t.id ===
176)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unlimited Flow
t.id === 177) ?
selectedTags = selectedTags.filter(t => t.id !== 177) :
selectedTags.push({
id: 177,
name: `Marvel`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 177),
'text-white': selectedTags.find(t => t.id ===
177)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Marvel
t.id === 178) ?
selectedTags = selectedTags.filter(t => t.id !== 178) :
selectedTags.push({
id: 178,
name: `Harry Potter`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 178),
'text-white': selectedTags.find(t => t.id ===
178)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Harry Potter
t.id === 179) ?
selectedTags = selectedTags.filter(t => t.id !== 179) :
selectedTags.push({
id: 179,
name: `Easy Going Life`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 179),
'text-white': selectedTags.find(t => t.id ===
179)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Easy Going Life
t.id === 180) ?
selectedTags = selectedTags.filter(t => t.id !== 180) :
selectedTags.push({
id: 180,
name: `Poor To Rich`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 180),
'text-white': selectedTags.find(t => t.id ===
180)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Poor To Rich
t.id === 181) ?
selectedTags = selectedTags.filter(t => t.id !== 181) :
selectedTags.push({
id: 181,
name: `Earth Invasion`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 181),
'text-white': selectedTags.find(t => t.id ===
181)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Earth Invasion
t.id === 182) ?
selectedTags = selectedTags.filter(t => t.id !== 182) :
selectedTags.push({
id: 182,
name: `Mmorpg`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 182),
'text-white': selectedTags.find(t => t.id ===
182)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mmorpg
t.id === 183) ?
selectedTags = selectedTags.filter(t => t.id !== 183) :
selectedTags.push({
id: 183,
name: `Outer Space`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 183),
'text-white': selectedTags.find(t => t.id ===
183)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Outer Space
t.id === 184) ?
selectedTags = selectedTags.filter(t => t.id !== 184) :
selectedTags.push({
id: 184,
name: `Reincarnation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 184),
'text-white': selectedTags.find(t => t.id ===
184)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reincarnation
t.id === 185) ?
selectedTags = selectedTags.filter(t => t.id !== 185) :
selectedTags.push({
id: 185,
name: `Survival Game`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 185),
'text-white': selectedTags.find(t => t.id ===
185)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Survival Game
t.id === 186) ?
selectedTags = selectedTags.filter(t => t.id !== 186) :
selectedTags.push({
id: 186,
name: `Chat Rooms`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 186),
'text-white': selectedTags.find(t => t.id ===
186)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Chat Rooms
t.id === 187) ?
selectedTags = selectedTags.filter(t => t.id !== 187) :
selectedTags.push({
id: 187,
name: `Dwarfs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 187),
'text-white': selectedTags.find(t => t.id ===
187)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dwarfs
t.id === 188) ?
selectedTags = selectedTags.filter(t => t.id !== 188) :
selectedTags.push({
id: 188,
name: `Fantasy Creatures`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 188),
'text-white': selectedTags.find(t => t.id ===
188)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fantasy Creatures
t.id === 189) ?
selectedTags = selectedTags.filter(t => t.id !== 189) :
selectedTags.push({
id: 189,
name: `Magical Technology`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 189),
'text-white': selectedTags.find(t => t.id ===
189)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magical Technology
t.id === 190) ?
selectedTags = selectedTags.filter(t => t.id !== 190) :
selectedTags.push({
id: 190,
name: `Military`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 190),
'text-white': selectedTags.find(t => t.id ===
190)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Military
t.id === 191) ?
selectedTags = selectedTags.filter(t => t.id !== 191) :
selectedTags.push({
id: 191,
name: `Orphans`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 191),
'text-white': selectedTags.find(t => t.id ===
191)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Orphans
t.id === 192) ?
selectedTags = selectedTags.filter(t => t.id !== 192) :
selectedTags.push({
id: 192,
name: `Pregnancy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 192),
'text-white': selectedTags.find(t => t.id ===
192)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pregnancy
t.id === 193) ?
selectedTags = selectedTags.filter(t => t.id !== 193) :
selectedTags.push({
id: 193,
name: `Determined Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 193),
'text-white': selectedTags.find(t => t.id ===
193)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Determined Protagonist
t.id === 194) ?
selectedTags = selectedTags.filter(t => t.id !== 194) :
selectedTags.push({
id: 194,
name: `Martial Spirits`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 194),
'text-white': selectedTags.find(t => t.id ===
194)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Martial Spirits
t.id === 195) ?
selectedTags = selectedTags.filter(t => t.id !== 195) :
selectedTags.push({
id: 195,
name: `Gods`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 195),
'text-white': selectedTags.find(t => t.id ===
195)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gods
t.id === 196) ?
selectedTags = selectedTags.filter(t => t.id !== 196) :
selectedTags.push({
id: 196,
name: `Religions`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 196),
'text-white': selectedTags.find(t => t.id ===
196)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Religions
t.id === 197) ?
selectedTags = selectedTags.filter(t => t.id !== 197) :
selectedTags.push({
id: 197,
name: `Adopted Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 197),
'text-white': selectedTags.find(t => t.id ===
197)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adopted Protagonist
t.id === 198) ?
selectedTags = selectedTags.filter(t => t.id !== 198) :
selectedTags.push({
id: 198,
name: `Adventurers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 198),
'text-white': selectedTags.find(t => t.id ===
198)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adventurers
t.id === 199) ?
selectedTags = selectedTags.filter(t => t.id !== 199) :
selectedTags.push({
id: 199,
name: `Ancient China`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 199),
'text-white': selectedTags.find(t => t.id ===
199)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ancient China
t.id === 200) ?
selectedTags = selectedTags.filter(t => t.id !== 200) :
selectedTags.push({
id: 200,
name: `Battle Academy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 200),
'text-white': selectedTags.find(t => t.id ===
200)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Battle Academy
t.id === 201) ?
selectedTags = selectedTags.filter(t => t.id !== 201) :
selectedTags.push({
id: 201,
name: `Battle Competition`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 201),
'text-white': selectedTags.find(t => t.id ===
201)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Battle Competition
t.id === 202) ?
selectedTags = selectedTags.filter(t => t.id !== 202) :
selectedTags.push({
id: 202,
name: `Books`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 202),
'text-white': selectedTags.find(t => t.id ===
202)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Books
t.id === 203) ?
selectedTags = selectedTags.filter(t => t.id !== 203) :
selectedTags.push({
id: 203,
name: `Demon Lord`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 203),
'text-white': selectedTags.find(t => t.id ===
203)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Demon Lord
t.id === 204) ?
selectedTags = selectedTags.filter(t => t.id !== 204) :
selectedTags.push({
id: 204,
name: `Eidetic Memory`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 204),
'text-white': selectedTags.find(t => t.id ===
204)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Eidetic Memory
t.id === 205) ?
selectedTags = selectedTags.filter(t => t.id !== 205) :
selectedTags.push({
id: 205,
name: `Evil Organizations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 205),
'text-white': selectedTags.find(t => t.id ===
205)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Evil Organizations
t.id === 206) ?
selectedTags = selectedTags.filter(t => t.id !== 206) :
selectedTags.push({
id: 206,
name: `Familial Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 206),
'text-white': selectedTags.find(t => t.id ===
206)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Familial Love
t.id === 207) ?
selectedTags = selectedTags.filter(t => t.id !== 207) :
selectedTags.push({
id: 207,
name: `Fast Learner`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 207),
'text-white': selectedTags.find(t => t.id ===
207)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fast Learner
t.id === 208) ?
selectedTags = selectedTags.filter(t => t.id !== 208) :
selectedTags.push({
id: 208,
name: `Hard-Working Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 208),
'text-white': selectedTags.find(t => t.id ===
208)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hard-Working Protagonist
t.id === 209) ?
selectedTags = selectedTags.filter(t => t.id !== 209) :
selectedTags.push({
id: 209,
name: `Heavenly Tribulation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 209),
'text-white': selectedTags.find(t => t.id ===
209)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Heavenly Tribulation
t.id === 210) ?
selectedTags = selectedTags.filter(t => t.id !== 210) :
selectedTags.push({
id: 210,
name: `Hot-Blooded Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 210),
'text-white': selectedTags.find(t => t.id ===
210)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hot-Blooded Protagonist
t.id === 211) ?
selectedTags = selectedTags.filter(t => t.id !== 211) :
selectedTags.push({
id: 211,
name: `Late Romance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 211),
'text-white': selectedTags.find(t => t.id ===
211)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Late Romance
t.id === 212) ?
selectedTags = selectedTags.filter(t => t.id !== 212) :
selectedTags.push({
id: 212,
name: `Magic Formations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 212),
'text-white': selectedTags.find(t => t.id ===
212)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magic Formations
t.id === 213) ?
selectedTags = selectedTags.filter(t => t.id !== 213) :
selectedTags.push({
id: 213,
name: `Mercenaries`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 213),
'text-white': selectedTags.find(t => t.id ===
213)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mercenaries
t.id === 214) ?
selectedTags = selectedTags.filter(t => t.id !== 214) :
selectedTags.push({
id: 214,
name: `Mysterious Family Background`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 214),
'text-white': selectedTags.find(t => t.id ===
214)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mysterious Family Background
t.id === 215) ?
selectedTags = selectedTags.filter(t => t.id !== 215) :
selectedTags.push({
id: 215,
name: `Personality Changes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 215),
'text-white': selectedTags.find(t => t.id ===
215)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Personality Changes
t.id === 216) ?
selectedTags = selectedTags.filter(t => t.id !== 216) :
selectedTags.push({
id: 216,
name: `Phoenixes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 216),
'text-white': selectedTags.find(t => t.id ===
216)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Phoenixes
t.id === 217) ?
selectedTags = selectedTags.filter(t => t.id !== 217) :
selectedTags.push({
id: 217,
name: `Revenge`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 217),
'text-white': selectedTags.find(t => t.id ===
217)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Revenge
t.id === 218) ?
selectedTags = selectedTags.filter(t => t.id !== 218) :
selectedTags.push({
id: 218,
name: `Spatial Manipulation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 218),
'text-white': selectedTags.find(t => t.id ===
218)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spatial Manipulation
t.id === 219) ?
selectedTags = selectedTags.filter(t => t.id !== 219) :
selectedTags.push({
id: 219,
name: `Fairies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 219),
'text-white': selectedTags.find(t => t.id ===
219)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fairies
t.id === 220) ?
selectedTags = selectedTags.filter(t => t.id !== 220) :
selectedTags.push({
id: 220,
name: `Family`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 220),
'text-white': selectedTags.find(t => t.id ===
220)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Family
t.id === 221) ?
selectedTags = selectedTags.filter(t => t.id !== 221) :
selectedTags.push({
id: 221,
name: `Apocalypse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 221),
'text-white': selectedTags.find(t => t.id ===
221)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Apocalypse
t.id === 222) ?
selectedTags = selectedTags.filter(t => t.id !== 222) :
selectedTags.push({
id: 222,
name: `Wars`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 222),
'text-white': selectedTags.find(t => t.id ===
222)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Wars
t.id === 223) ?
selectedTags = selectedTags.filter(t => t.id !== 223) :
selectedTags.push({
id: 223,
name: `Child Abuse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 223),
'text-white': selectedTags.find(t => t.id ===
223)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Child Abuse
t.id === 224) ?
selectedTags = selectedTags.filter(t => t.id !== 224) :
selectedTags.push({
id: 224,
name: `Sister Complex`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 224),
'text-white': selectedTags.find(t => t.id ===
224)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sister Complex
t.id === 225) ?
selectedTags = selectedTags.filter(t => t.id !== 225) :
selectedTags.push({
id: 225,
name: `Futuristic Setting`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 225),
'text-white': selectedTags.find(t => t.id ===
225)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Futuristic Setting
t.id === 226) ?
selectedTags = selectedTags.filter(t => t.id !== 226) :
selectedTags.push({
id: 226,
name: `Assassins`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 226),
'text-white': selectedTags.find(t => t.id ===
226)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Assassins
t.id === 227) ?
selectedTags = selectedTags.filter(t => t.id !== 227) :
selectedTags.push({
id: 227,
name: `Skill Assimilation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 227),
'text-white': selectedTags.find(t => t.id ===
227)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Skill Assimilation
t.id === 228) ?
selectedTags = selectedTags.filter(t => t.id !== 228) :
selectedTags.push({
id: 228,
name: `Douluo Dalu`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 228),
'text-white': selectedTags.find(t => t.id ===
228)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Douluo Dalu
t.id === 229) ?
selectedTags = selectedTags.filter(t => t.id !== 229) :
selectedTags.push({
id: 229,
name: `Family Business`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 229),
'text-white': selectedTags.find(t => t.id ===
229)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Family Business
t.id === 230) ?
selectedTags = selectedTags.filter(t => t.id !== 230) :
selectedTags.push({
id: 230,
name: `Sect Development`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 230),
'text-white': selectedTags.find(t => t.id ===
230)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sect Development
t.id === 231) ?
selectedTags = selectedTags.filter(t => t.id !== 231) :
selectedTags.push({
id: 231,
name: `Angels`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 231),
'text-white': selectedTags.find(t => t.id ===
231)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Angels
t.id === 232) ?
selectedTags = selectedTags.filter(t => t.id !== 232) :
selectedTags.push({
id: 232,
name: `Godly Powers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 232),
'text-white': selectedTags.find(t => t.id ===
232)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Godly Powers
t.id === 233) ?
selectedTags = selectedTags.filter(t => t.id !== 233) :
selectedTags.push({
id: 233,
name: `Knights`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 233),
'text-white': selectedTags.find(t => t.id ===
233)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Knights
t.id === 234) ?
selectedTags = selectedTags.filter(t => t.id !== 234) :
selectedTags.push({
id: 234,
name: `Parasites`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 234),
'text-white': selectedTags.find(t => t.id ===
234)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Parasites
t.id === 235) ?
selectedTags = selectedTags.filter(t => t.id !== 235) :
selectedTags.push({
id: 235,
name: `Tentacles`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 235),
'text-white': selectedTags.find(t => t.id ===
235)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Tentacles
t.id === 236) ?
selectedTags = selectedTags.filter(t => t.id !== 236) :
selectedTags.push({
id: 236,
name: `World Tree`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 236),
'text-white': selectedTags.find(t => t.id ===
236)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
World Tree
t.id === 237) ?
selectedTags = selectedTags.filter(t => t.id !== 237) :
selectedTags.push({
id: 237,
name: `Academy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 237),
'text-white': selectedTags.find(t => t.id ===
237)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Academy
t.id === 238) ?
selectedTags = selectedTags.filter(t => t.id !== 238) :
selectedTags.push({
id: 238,
name: `Crafting`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 238),
'text-white': selectedTags.find(t => t.id ===
238)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Crafting
t.id === 239) ?
selectedTags = selectedTags.filter(t => t.id !== 239) :
selectedTags.push({
id: 239,
name: `God Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 239),
'text-white': selectedTags.find(t => t.id ===
239)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
God Protagonist
t.id === 240) ?
selectedTags = selectedTags.filter(t => t.id !== 240) :
selectedTags.push({
id: 240,
name: `Pill Concocting`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 240),
'text-white': selectedTags.find(t => t.id ===
240)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pill Concocting
t.id === 241) ?
selectedTags = selectedTags.filter(t => t.id !== 241) :
selectedTags.push({
id: 241,
name: `Reincarnated In Another World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 241),
'text-white': selectedTags.find(t => t.id ===
241)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reincarnated In Another World
t.id === 242) ?
selectedTags = selectedTags.filter(t => t.id !== 242) :
selectedTags.push({
id: 242,
name: `Rich To Poor`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 242),
'text-white': selectedTags.find(t => t.id ===
242)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Rich To Poor
t.id === 243) ?
selectedTags = selectedTags.filter(t => t.id !== 243) :
selectedTags.push({
id: 243,
name: `Eye Powers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 243),
'text-white': selectedTags.find(t => t.id ===
243)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Eye Powers
t.id === 244) ?
selectedTags = selectedTags.filter(t => t.id !== 244) :
selectedTags.push({
id: 244,
name: `Ninjas`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 244),
'text-white': selectedTags.find(t => t.id ===
244)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ninjas
t.id === 245) ?
selectedTags = selectedTags.filter(t => t.id !== 245) :
selectedTags.push({
id: 245,
name: `Virtual Reality`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 245),
'text-white': selectedTags.find(t => t.id ===
245)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Virtual Reality
t.id === 246) ?
selectedTags = selectedTags.filter(t => t.id !== 246) :
selectedTags.push({
id: 246,
name: `Age Progression`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 246),
'text-white': selectedTags.find(t => t.id ===
246)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Age Progression
t.id === 247) ?
selectedTags = selectedTags.filter(t => t.id !== 247) :
selectedTags.push({
id: 247,
name: `Apathetic Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 247),
'text-white': selectedTags.find(t => t.id ===
247)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Apathetic Protagonist
t.id === 248) ?
selectedTags = selectedTags.filter(t => t.id !== 248) :
selectedTags.push({
id: 248,
name: `Blood Manipulation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 248),
'text-white': selectedTags.find(t => t.id ===
248)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Blood Manipulation
t.id === 249) ?
selectedTags = selectedTags.filter(t => t.id !== 249) :
selectedTags.push({
id: 249,
name: `Different Social Status`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 249),
'text-white': selectedTags.find(t => t.id ===
249)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Different Social Status
t.id === 250) ?
selectedTags = selectedTags.filter(t => t.id !== 250) :
selectedTags.push({
id: 250,
name: `Empires`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 250),
'text-white': selectedTags.find(t => t.id ===
250)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Empires
t.id === 251) ?
selectedTags = selectedTags.filter(t => t.id !== 251) :
selectedTags.push({
id: 251,
name: `European Ambience`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 251),
'text-white': selectedTags.find(t => t.id ===
251)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
European Ambience
t.id === 252) ?
selectedTags = selectedTags.filter(t => t.id !== 252) :
selectedTags.push({
id: 252,
name: `Evil Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 252),
'text-white': selectedTags.find(t => t.id ===
252)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Evil Protagonist
t.id === 253) ?
selectedTags = selectedTags.filter(t => t.id !== 253) :
selectedTags.push({
id: 253,
name: `Gambling`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 253),
'text-white': selectedTags.find(t => t.id ===
253)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gambling
t.id === 254) ?
selectedTags = selectedTags.filter(t => t.id !== 254) :
selectedTags.push({
id: 254,
name: `Hidden Abilities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 254),
'text-white': selectedTags.find(t => t.id ===
254)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hidden Abilities
t.id === 255) ?
selectedTags = selectedTags.filter(t => t.id !== 255) :
selectedTags.push({
id: 255,
name: `Library`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 255),
'text-white': selectedTags.find(t => t.id ===
255)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Library
t.id === 256) ?
selectedTags = selectedTags.filter(t => t.id !== 256) :
selectedTags.push({
id: 256,
name: `Living Alone`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 256),
'text-white': selectedTags.find(t => t.id ===
256)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Living Alone
t.id === 257) ?
selectedTags = selectedTags.filter(t => t.id !== 257) :
selectedTags.push({
id: 257,
name: `Loner Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 257),
'text-white': selectedTags.find(t => t.id ===
257)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Loner Protagonist
t.id === 258) ?
selectedTags = selectedTags.filter(t => t.id !== 258) :
selectedTags.push({
id: 258,
name: `Arrogant Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 258),
'text-white': selectedTags.find(t => t.id ===
258)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Arrogant Characters
t.id === 259) ?
selectedTags = selectedTags.filter(t => t.id !== 259) :
selectedTags.push({
id: 259,
name: `Comedic Undertone`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 259),
'text-white': selectedTags.find(t => t.id ===
259)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Comedic Undertone
t.id === 260) ?
selectedTags = selectedTags.filter(t => t.id !== 260) :
selectedTags.push({
id: 260,
name: `Lazy Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 260),
'text-white': selectedTags.find(t => t.id ===
260)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lazy Protagonist
t.id === 261) ?
selectedTags = selectedTags.filter(t => t.id !== 261) :
selectedTags.push({
id: 261,
name: `Store Owner`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 261),
'text-white': selectedTags.find(t => t.id ===
261)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Store Owner
t.id === 262) ?
selectedTags = selectedTags.filter(t => t.id !== 262) :
selectedTags.push({
id: 262,
name: `Unique Cultivation Technique`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 262),
'text-white': selectedTags.find(t => t.id ===
262)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unique Cultivation Technique
t.id === 263) ?
selectedTags = selectedTags.filter(t => t.id !== 263) :
selectedTags.push({
id: 263,
name: `Genetic Modifications`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 263),
'text-white': selectedTags.find(t => t.id ===
263)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Genetic Modifications
t.id === 264) ?
selectedTags = selectedTags.filter(t => t.id !== 264) :
selectedTags.push({
id: 264,
name: `Technological Gap`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 264),
'text-white': selectedTags.find(t => t.id ===
264)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Technological Gap
t.id === 265) ?
selectedTags = selectedTags.filter(t => t.id !== 265) :
selectedTags.push({
id: 265,
name: `Appearance Changes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 265),
'text-white': selectedTags.find(t => t.id ===
265)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Appearance Changes
t.id === 266) ?
selectedTags = selectedTags.filter(t => t.id !== 266) :
selectedTags.push({
id: 266,
name: `Astrologers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 266),
'text-white': selectedTags.find(t => t.id ===
266)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Astrologers
t.id === 267) ?
selectedTags = selectedTags.filter(t => t.id !== 267) :
selectedTags.push({
id: 267,
name: `Betrayal`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 267),
'text-white': selectedTags.find(t => t.id ===
267)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Betrayal
t.id === 268) ?
selectedTags = selectedTags.filter(t => t.id !== 268) :
selectedTags.push({
id: 268,
name: `Boss-Subordinate Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 268),
'text-white': selectedTags.find(t => t.id ===
268)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Boss-Subordinate Relationship
t.id === 269) ?
selectedTags = selectedTags.filter(t => t.id !== 269) :
selectedTags.push({
id: 269,
name: `Corruption`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 269),
'text-white': selectedTags.find(t => t.id ===
269)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Corruption
t.id === 270) ?
selectedTags = selectedTags.filter(t => t.id !== 270) :
selectedTags.push({
id: 270,
name: `Curses`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 270),
'text-white': selectedTags.find(t => t.id ===
270)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Curses
t.id === 271) ?
selectedTags = selectedTags.filter(t => t.id !== 271) :
selectedTags.push({
id: 271,
name: `Demi-Humans`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 271),
'text-white': selectedTags.find(t => t.id ===
271)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Demi-Humans
t.id === 272) ?
selectedTags = selectedTags.filter(t => t.id !== 272) :
selectedTags.push({
id: 272,
name: `Destiny`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 272),
'text-white': selectedTags.find(t => t.id ===
272)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Destiny
t.id === 273) ?
selectedTags = selectedTags.filter(t => t.id !== 273) :
selectedTags.push({
id: 273,
name: `Divination`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 273),
'text-white': selectedTags.find(t => t.id ===
273)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Divination
t.id === 274) ?
selectedTags = selectedTags.filter(t => t.id !== 274) :
selectedTags.push({
id: 274,
name: `Drugs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 274),
'text-white': selectedTags.find(t => t.id ===
274)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Drugs
t.id === 275) ?
selectedTags = selectedTags.filter(t => t.id !== 275) :
selectedTags.push({
id: 275,
name: `Druids`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 275),
'text-white': selectedTags.find(t => t.id ===
275)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Druids
t.id === 276) ?
selectedTags = selectedTags.filter(t => t.id !== 276) :
selectedTags.push({
id: 276,
name: `Gangs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 276),
'text-white': selectedTags.find(t => t.id ===
276)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gangs
t.id === 277) ?
selectedTags = selectedTags.filter(t => t.id !== 277) :
selectedTags.push({
id: 277,
name: `Gunfighters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 277),
'text-white': selectedTags.find(t => t.id ===
277)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gunfighters
t.id === 278) ?
selectedTags = selectedTags.filter(t => t.id !== 278) :
selectedTags.push({
id: 278,
name: `Human Experimentation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 278),
'text-white': selectedTags.find(t => t.id ===
278)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Human Experimentation
t.id === 279) ?
selectedTags = selectedTags.filter(t => t.id !== 279) :
selectedTags.push({
id: 279,
name: `Magic Beasts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 279),
'text-white': selectedTags.find(t => t.id ===
279)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magic Beasts
t.id === 280) ?
selectedTags = selectedTags.filter(t => t.id !== 280) :
selectedTags.push({
id: 280,
name: `Master-Servant Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 280),
'text-white': selectedTags.find(t => t.id ===
280)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Master-Servant Relationship
t.id === 281) ?
selectedTags = selectedTags.filter(t => t.id !== 281) :
selectedTags.push({
id: 281,
name: `Netorare`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 281),
'text-white': selectedTags.find(t => t.id ===
281)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Netorare
t.id === 282) ?
selectedTags = selectedTags.filter(t => t.id !== 282) :
selectedTags.push({
id: 282,
name: `Netori`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 282),
'text-white': selectedTags.find(t => t.id ===
282)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Netori
t.id === 283) ?
selectedTags = selectedTags.filter(t => t.id !== 283) :
selectedTags.push({
id: 283,
name: `Pirates`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 283),
'text-white': selectedTags.find(t => t.id ===
283)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pirates
t.id === 284) ?
selectedTags = selectedTags.filter(t => t.id !== 284) :
selectedTags.push({
id: 284,
name: `Poetry`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 284),
'text-white': selectedTags.find(t => t.id ===
284)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Poetry
t.id === 285) ?
selectedTags = selectedTags.filter(t => t.id !== 285) :
selectedTags.push({
id: 285,
name: `Poisons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 285),
'text-white': selectedTags.find(t => t.id ===
285)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Poisons
t.id === 286) ?
selectedTags = selectedTags.filter(t => t.id !== 286) :
selectedTags.push({
id: 286,
name: `Prophecies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 286),
'text-white': selectedTags.find(t => t.id ===
286)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Prophecies
t.id === 287) ?
selectedTags = selectedTags.filter(t => t.id !== 287) :
selectedTags.push({
id: 287,
name: `Prostitutes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 287),
'text-white': selectedTags.find(t => t.id ===
287)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Prostitutes
t.id === 288) ?
selectedTags = selectedTags.filter(t => t.id !== 288) :
selectedTags.push({
id: 288,
name: `R-18`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 288),
'text-white': selectedTags.find(t => t.id ===
288)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
R-18
t.id === 289) ?
selectedTags = selectedTags.filter(t => t.id !== 289) :
selectedTags.push({
id: 289,
name: `Royalty`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 289),
'text-white': selectedTags.find(t => t.id ===
289)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Royalty
t.id === 290) ?
selectedTags = selectedTags.filter(t => t.id !== 290) :
selectedTags.push({
id: 290,
name: `Secret Identity`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 290),
'text-white': selectedTags.find(t => t.id ===
290)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secret Identity
t.id === 291) ?
selectedTags = selectedTags.filter(t => t.id !== 291) :
selectedTags.push({
id: 291,
name: `Secret Organizations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 291),
'text-white': selectedTags.find(t => t.id ===
291)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secret Organizations
t.id === 292) ?
selectedTags = selectedTags.filter(t => t.id !== 292) :
selectedTags.push({
id: 292,
name: `Slaves`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 292),
'text-white': selectedTags.find(t => t.id ===
292)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Slaves
t.id === 293) ?
selectedTags = selectedTags.filter(t => t.id !== 293) :
selectedTags.push({
id: 293,
name: `Succubus`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 293),
'text-white': selectedTags.find(t => t.id ===
293)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Succubus
t.id === 294) ?
selectedTags = selectedTags.filter(t => t.id !== 294) :
selectedTags.push({
id: 294,
name: `Transplanted Memories`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 294),
'text-white': selectedTags.find(t => t.id ===
294)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transplanted Memories
t.id === 295) ?
selectedTags = selectedTags.filter(t => t.id !== 295) :
selectedTags.push({
id: 295,
name: `Manipulative Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 295),
'text-white': selectedTags.find(t => t.id ===
295)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Manipulative Characters
t.id === 296) ?
selectedTags = selectedTags.filter(t => t.id !== 296) :
selectedTags.push({
id: 296,
name: `Multiple Personalities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 296),
'text-white': selectedTags.find(t => t.id ===
296)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Personalities
t.id === 297) ?
selectedTags = selectedTags.filter(t => t.id !== 297) :
selectedTags.push({
id: 297,
name: `Murders`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 297),
'text-white': selectedTags.find(t => t.id ===
297)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Murders
t.id === 298) ?
selectedTags = selectedTags.filter(t => t.id !== 298) :
selectedTags.push({
id: 298,
name: `Time Manipulation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 298),
'text-white': selectedTags.find(t => t.id ===
298)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Time Manipulation
t.id === 299) ?
selectedTags = selectedTags.filter(t => t.id !== 299) :
selectedTags.push({
id: 299,
name: `Doctors`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 299),
'text-white': selectedTags.find(t => t.id ===
299)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Doctors
t.id === 300) ?
selectedTags = selectedTags.filter(t => t.id !== 300) :
selectedTags.push({
id: 300,
name: `Scientists`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 300),
'text-white': selectedTags.find(t => t.id ===
300)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Scientists
t.id === 301) ?
selectedTags = selectedTags.filter(t => t.id !== 301) :
selectedTags.push({
id: 301,
name: `Medieval`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 301),
'text-white': selectedTags.find(t => t.id ===
301)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Medieval
t.id === 302) ?
selectedTags = selectedTags.filter(t => t.id !== 302) :
selectedTags.push({
id: 302,
name: `Caring Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 302),
'text-white': selectedTags.find(t => t.id ===
302)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Caring Protagonist
t.id === 303) ?
selectedTags = selectedTags.filter(t => t.id !== 303) :
selectedTags.push({
id: 303,
name: `Dark`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 303),
'text-white': selectedTags.find(t => t.id ===
303)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dark
t.id === 304) ?
selectedTags = selectedTags.filter(t => t.id !== 304) :
selectedTags.push({
id: 304,
name: `Death`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 304),
'text-white': selectedTags.find(t => t.id ===
304)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Death
t.id === 305) ?
selectedTags = selectedTags.filter(t => t.id !== 305) :
selectedTags.push({
id: 305,
name: `Humanoid Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 305),
'text-white': selectedTags.find(t => t.id ===
305)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Humanoid Protagonist
t.id === 306) ?
selectedTags = selectedTags.filter(t => t.id !== 306) :
selectedTags.push({
id: 306,
name: `Industrialization`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 306),
'text-white': selectedTags.find(t => t.id ===
306)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Industrialization
t.id === 307) ?
selectedTags = selectedTags.filter(t => t.id !== 307) :
selectedTags.push({
id: 307,
name: `Lost Civilizations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 307),
'text-white': selectedTags.find(t => t.id ===
307)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lost Civilizations
t.id === 308) ?
selectedTags = selectedTags.filter(t => t.id !== 308) :
selectedTags.push({
id: 308,
name: `Mysterious Past`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 308),
'text-white': selectedTags.find(t => t.id ===
308)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mysterious Past
t.id === 309) ?
selectedTags = selectedTags.filter(t => t.id !== 309) :
selectedTags.push({
id: 309,
name: `Mystery Solving`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 309),
'text-white': selectedTags.find(t => t.id ===
309)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mystery Solving
t.id === 310) ?
selectedTags = selectedTags.filter(t => t.id !== 310) :
selectedTags.push({
id: 310,
name: `Resurrection`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 310),
'text-white': selectedTags.find(t => t.id ===
310)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Resurrection
t.id === 311) ?
selectedTags = selectedTags.filter(t => t.id !== 311) :
selectedTags.push({
id: 311,
name: `Saints`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 311),
'text-white': selectedTags.find(t => t.id ===
311)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Saints
t.id === 312) ?
selectedTags = selectedTags.filter(t => t.id !== 312) :
selectedTags.push({
id: 312,
name: `Sealed Power`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 312),
'text-white': selectedTags.find(t => t.id ===
312)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sealed Power
t.id === 313) ?
selectedTags = selectedTags.filter(t => t.id !== 313) :
selectedTags.push({
id: 313,
name: `Sentient Objects`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 313),
'text-white': selectedTags.find(t => t.id ===
313)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sentient Objects
t.id === 314) ?
selectedTags = selectedTags.filter(t => t.id !== 314) :
selectedTags.push({
id: 314,
name: `Spirits`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 314),
'text-white': selectedTags.find(t => t.id ===
314)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spirits
t.id === 315) ?
selectedTags = selectedTags.filter(t => t.id !== 315) :
selectedTags.push({
id: 315,
name: `Thriller`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 315),
'text-white': selectedTags.find(t => t.id ===
315)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Thriller
t.id === 316) ?
selectedTags = selectedTags.filter(t => t.id !== 316) :
selectedTags.push({
id: 316,
name: `Interdimensional Travel`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 316),
'text-white': selectedTags.find(t => t.id ===
316)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Interdimensional Travel
t.id === 317) ?
selectedTags = selectedTags.filter(t => t.id !== 317) :
selectedTags.push({
id: 317,
name: `Previous Life Talent`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 317),
'text-white': selectedTags.find(t => t.id ===
317)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Previous Life Talent
t.id === 318) ?
selectedTags = selectedTags.filter(t => t.id !== 318) :
selectedTags.push({
id: 318,
name: `Character Growth`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 318),
'text-white': selectedTags.find(t => t.id ===
318)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Character Growth
t.id === 319) ?
selectedTags = selectedTags.filter(t => t.id !== 319) :
selectedTags.push({
id: 319,
name: `Dragon Slayers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 319),
'text-white': selectedTags.find(t => t.id ===
319)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dragon Slayers
t.id === 320) ?
selectedTags = selectedTags.filter(t => t.id !== 320) :
selectedTags.push({
id: 320,
name: `Human Weapon`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 320),
'text-white': selectedTags.find(t => t.id ===
320)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Human Weapon
t.id === 321) ?
selectedTags = selectedTags.filter(t => t.id !== 321) :
selectedTags.push({
id: 321,
name: `Imperial Harem`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 321),
'text-white': selectedTags.find(t => t.id ===
321)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Imperial Harem
t.id === 322) ?
selectedTags = selectedTags.filter(t => t.id !== 322) :
selectedTags.push({
id: 322,
name: `Legends`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 322),
'text-white': selectedTags.find(t => t.id ===
322)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Legends
t.id === 323) ?
selectedTags = selectedTags.filter(t => t.id !== 323) :
selectedTags.push({
id: 323,
name: `Protagonist Strong From The Start`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 323),
'text-white': selectedTags.find(t => t.id ===
323)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Protagonist Strong From The Start
t.id === 324) ?
selectedTags = selectedTags.filter(t => t.id !== 324) :
selectedTags.push({
id: 324,
name: `Rape Victim Becomes Lover`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 324),
'text-white': selectedTags.find(t => t.id ===
324)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Rape Victim Becomes Lover
t.id === 325) ?
selectedTags = selectedTags.filter(t => t.id !== 325) :
selectedTags.push({
id: 325,
name: `Sexual Abuse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 325),
'text-white': selectedTags.find(t => t.id ===
325)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sexual Abuse
t.id === 326) ?
selectedTags = selectedTags.filter(t => t.id !== 326) :
selectedTags.push({
id: 326,
name: `Summoned Hero`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 326),
'text-white': selectedTags.find(t => t.id ===
326)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Summoned Hero
t.id === 327) ?
selectedTags = selectedTags.filter(t => t.id !== 327) :
selectedTags.push({
id: 327,
name: `Summoning Magic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 327),
'text-white': selectedTags.find(t => t.id ===
327)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Summoning Magic
t.id === 328) ?
selectedTags = selectedTags.filter(t => t.id !== 328) :
selectedTags.push({
id: 328,
name: `Cold Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 328),
'text-white': selectedTags.find(t => t.id ===
328)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cold Protagonist
t.id === 329) ?
selectedTags = selectedTags.filter(t => t.id !== 329) :
selectedTags.push({
id: 329,
name: `Dao Companion`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 329),
'text-white': selectedTags.find(t => t.id ===
329)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dao Companion
t.id === 330) ?
selectedTags = selectedTags.filter(t => t.id !== 330) :
selectedTags.push({
id: 330,
name: `Heaven`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 330),
'text-white': selectedTags.find(t => t.id ===
330)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Heaven
t.id === 331) ?
selectedTags = selectedTags.filter(t => t.id !== 331) :
selectedTags.push({
id: 331,
name: `Hell`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 331),
'text-white': selectedTags.find(t => t.id ===
331)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hell
t.id === 332) ?
selectedTags = selectedTags.filter(t => t.id !== 332) :
selectedTags.push({
id: 332,
name: `Master-Disciple Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 332),
'text-white': selectedTags.find(t => t.id ===
332)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Master-Disciple Relationship
t.id === 333) ?
selectedTags = selectedTags.filter(t => t.id !== 333) :
selectedTags.push({
id: 333,
name: `Multiple Reincarnated Individuals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 333),
'text-white': selectedTags.find(t => t.id ===
333)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Reincarnated Individuals
t.id === 334) ?
selectedTags = selectedTags.filter(t => t.id !== 334) :
selectedTags.push({
id: 334,
name: `Crossover`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 334),
'text-white': selectedTags.find(t => t.id ===
334)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Crossover
t.id === 335) ?
selectedTags = selectedTags.filter(t => t.id !== 335) :
selectedTags.push({
id: 335,
name: `Showbiz`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 335),
'text-white': selectedTags.find(t => t.id ===
335)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Showbiz
t.id === 336) ?
selectedTags = selectedTags.filter(t => t.id !== 336) :
selectedTags.push({
id: 336,
name: `Antique Shop`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 336),
'text-white': selectedTags.find(t => t.id ===
336)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Antique Shop
t.id === 337) ?
selectedTags = selectedTags.filter(t => t.id !== 337) :
selectedTags.push({
id: 337,
name: `Automatons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 337),
'text-white': selectedTags.find(t => t.id ===
337)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Automatons
t.id === 338) ?
selectedTags = selectedTags.filter(t => t.id !== 338) :
selectedTags.push({
id: 338,
name: `Conditional Power`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 338),
'text-white': selectedTags.find(t => t.id ===
338)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Conditional Power
t.id === 339) ?
selectedTags = selectedTags.filter(t => t.id !== 339) :
selectedTags.push({
id: 339,
name: `Curious Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 339),
'text-white': selectedTags.find(t => t.id ===
339)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Curious Protagonist
t.id === 340) ?
selectedTags = selectedTags.filter(t => t.id !== 340) :
selectedTags.push({
id: 340,
name: `Hypnotism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 340),
'text-white': selectedTags.find(t => t.id ===
340)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hypnotism
t.id === 341) ?
selectedTags = selectedTags.filter(t => t.id !== 341) :
selectedTags.push({
id: 341,
name: `Interconnected Storylines`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 341),
'text-white': selectedTags.find(t => t.id ===
341)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Interconnected Storylines
t.id === 342) ?
selectedTags = selectedTags.filter(t => t.id !== 342) :
selectedTags.push({
id: 342,
name: `Limited Lifespan`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 342),
'text-white': selectedTags.find(t => t.id ===
342)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Limited Lifespan
t.id === 343) ?
selectedTags = selectedTags.filter(t => t.id !== 343) :
selectedTags.push({
id: 343,
name: `Possession`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 343),
'text-white': selectedTags.find(t => t.id ===
343)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Possession
t.id === 344) ?
selectedTags = selectedTags.filter(t => t.id !== 344) :
selectedTags.push({
id: 344,
name: `Psychic Powers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 344),
'text-white': selectedTags.find(t => t.id ===
344)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Psychic Powers
t.id === 345) ?
selectedTags = selectedTags.filter(t => t.id !== 345) :
selectedTags.push({
id: 345,
name: `Arranged Marriage`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 345),
'text-white': selectedTags.find(t => t.id ===
345)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Arranged Marriage
t.id === 346) ?
selectedTags = selectedTags.filter(t => t.id !== 346) :
selectedTags.push({
id: 346,
name: `One Piece`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 346),
'text-white': selectedTags.find(t => t.id ===
346)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
One Piece
t.id === 347) ?
selectedTags = selectedTags.filter(t => t.id !== 347) :
selectedTags.push({
id: 347,
name: `Inscriptions`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 347),
'text-white': selectedTags.find(t => t.id ===
347)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Inscriptions
t.id === 348) ?
selectedTags = selectedTags.filter(t => t.id !== 348) :
selectedTags.push({
id: 348,
name: `Soul Power`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 348),
'text-white': selectedTags.find(t => t.id ===
348)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Soul Power
t.id === 349) ?
selectedTags = selectedTags.filter(t => t.id !== 349) :
selectedTags.push({
id: 349,
name: `Witches`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 349),
'text-white': selectedTags.find(t => t.id ===
349)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Witches
t.id === 350) ?
selectedTags = selectedTags.filter(t => t.id !== 350) :
selectedTags.push({
id: 350,
name: `Brother Complex`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 350),
'text-white': selectedTags.find(t => t.id ===
350)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Brother Complex
t.id === 351) ?
selectedTags = selectedTags.filter(t => t.id !== 351) :
selectedTags.push({
id: 351,
name: `Complex Family Relationships`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 351),
'text-white': selectedTags.find(t => t.id ===
351)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Complex Family Relationships
t.id === 352) ?
selectedTags = selectedTags.filter(t => t.id !== 352) :
selectedTags.push({
id: 352,
name: `Older Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 352),
'text-white': selectedTags.find(t => t.id ===
352)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Older Love Interests
t.id === 353) ?
selectedTags = selectedTags.filter(t => t.id !== 353) :
selectedTags.push({
id: 353,
name: `Righteous Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 353),
'text-white': selectedTags.find(t => t.id ===
353)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Righteous Protagonist
t.id === 354) ?
selectedTags = selectedTags.filter(t => t.id !== 354) :
selectedTags.push({
id: 354,
name: `Selfish Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 354),
'text-white': selectedTags.find(t => t.id ===
354)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Selfish Protagonist
t.id === 355) ?
selectedTags = selectedTags.filter(t => t.id !== 355) :
selectedTags.push({
id: 355,
name: `Younger Sisters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 355),
'text-white': selectedTags.find(t => t.id ===
355)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Younger Sisters
t.id === 356) ?
selectedTags = selectedTags.filter(t => t.id !== 356) :
selectedTags.push({
id: 356,
name: `Anti-Social Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 356),
'text-white': selectedTags.find(t => t.id ===
356)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Anti-Social Protagonist
t.id === 357) ?
selectedTags = selectedTags.filter(t => t.id !== 357) :
selectedTags.push({
id: 357,
name: `Second Chance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 357),
'text-white': selectedTags.find(t => t.id ===
357)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Second Chance
t.id === 358) ?
selectedTags = selectedTags.filter(t => t.id !== 358) :
selectedTags.push({
id: 358,
name: `Slave Harem`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 358),
'text-white': selectedTags.find(t => t.id ===
358)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Slave Harem
t.id === 359) ?
selectedTags = selectedTags.filter(t => t.id !== 359) :
selectedTags.push({
id: 359,
name: `College/University`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 359),
'text-white': selectedTags.find(t => t.id ===
359)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
College/University
t.id === 360) ?
selectedTags = selectedTags.filter(t => t.id !== 360) :
selectedTags.push({
id: 360,
name: `Hated Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 360),
'text-white': selectedTags.find(t => t.id ===
360)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hated Protagonist
t.id === 361) ?
selectedTags = selectedTags.filter(t => t.id !== 361) :
selectedTags.push({
id: 361,
name: `Lack Of Common Sense`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 361),
'text-white': selectedTags.find(t => t.id ===
361)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lack Of Common Sense
t.id === 362) ?
selectedTags = selectedTags.filter(t => t.id !== 362) :
selectedTags.push({
id: 362,
name: `Parody`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 362),
'text-white': selectedTags.find(t => t.id ===
362)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Parody
t.id === 363) ?
selectedTags = selectedTags.filter(t => t.id !== 363) :
selectedTags.push({
id: 363,
name: `Proactive Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 363),
'text-white': selectedTags.find(t => t.id ===
363)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Proactive Protagonist
t.id === 364) ?
selectedTags = selectedTags.filter(t => t.id !== 364) :
selectedTags.push({
id: 364,
name: `Sexual Cultivation Technique`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 364),
'text-white': selectedTags.find(t => t.id ===
364)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sexual Cultivation Technique
t.id === 365) ?
selectedTags = selectedTags.filter(t => t.id !== 365) :
selectedTags.push({
id: 365,
name: `Student-Teacher Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 365),
'text-white': selectedTags.find(t => t.id ===
365)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Student-Teacher Relationship
t.id === 366) ?
selectedTags = selectedTags.filter(t => t.id !== 366) :
selectedTags.push({
id: 366,
name: `Ancient Times`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 366),
'text-white': selectedTags.find(t => t.id ===
366)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ancient Times
t.id === 367) ?
selectedTags = selectedTags.filter(t => t.id !== 367) :
selectedTags.push({
id: 367,
name: `Charismatic Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 367),
'text-white': selectedTags.find(t => t.id ===
367)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Charismatic Protagonist
t.id === 368) ?
selectedTags = selectedTags.filter(t => t.id !== 368) :
selectedTags.push({
id: 368,
name: `Childhood Friends`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 368),
'text-white': selectedTags.find(t => t.id ===
368)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Childhood Friends
t.id === 369) ?
selectedTags = selectedTags.filter(t => t.id !== 369) :
selectedTags.push({
id: 369,
name: `Discrimination`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 369),
'text-white': selectedTags.find(t => t.id ===
369)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Discrimination
t.id === 370) ?
selectedTags = selectedTags.filter(t => t.id !== 370) :
selectedTags.push({
id: 370,
name: `Family Conflict`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 370),
'text-white': selectedTags.find(t => t.id ===
370)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Family Conflict
t.id === 371) ?
selectedTags = selectedTags.filter(t => t.id !== 371) :
selectedTags.push({
id: 371,
name: `Marriage Of Convenience`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 371),
'text-white': selectedTags.find(t => t.id ===
371)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Marriage Of Convenience
t.id === 372) ?
selectedTags = selectedTags.filter(t => t.id !== 372) :
selectedTags.push({
id: 372,
name: `Absent Parents`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 372),
'text-white': selectedTags.find(t => t.id ===
372)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Absent Parents
t.id === 373) ?
selectedTags = selectedTags.filter(t => t.id !== 373) :
selectedTags.push({
id: 373,
name: `Insects`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 373),
'text-white': selectedTags.find(t => t.id ===
373)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Insects
t.id === 374) ?
selectedTags = selectedTags.filter(t => t.id !== 374) :
selectedTags.push({
id: 374,
name: `Enlightenment`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 374),
'text-white': selectedTags.find(t => t.id ===
374)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Enlightenment
t.id === 375) ?
selectedTags = selectedTags.filter(t => t.id !== 375) :
selectedTags.push({
id: 375,
name: `Long Separations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 375),
'text-white': selectedTags.find(t => t.id ===
375)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Long Separations
t.id === 376) ?
selectedTags = selectedTags.filter(t => t.id !== 376) :
selectedTags.push({
id: 376,
name: `Popular Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 376),
'text-white': selectedTags.find(t => t.id ===
376)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Popular Love Interests
t.id === 377) ?
selectedTags = selectedTags.filter(t => t.id !== 377) :
selectedTags.push({
id: 377,
name: `Spear Wielder`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 377),
'text-white': selectedTags.find(t => t.id ===
377)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spear Wielder
t.id === 378) ?
selectedTags = selectedTags.filter(t => t.id !== 378) :
selectedTags.push({
id: 378,
name: `Spirit Advisor`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 378),
'text-white': selectedTags.find(t => t.id ===
378)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spirit Advisor
t.id === 379) ?
selectedTags = selectedTags.filter(t => t.id !== 379) :
selectedTags.push({
id: 379,
name: `Threesome`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 379),
'text-white': selectedTags.find(t => t.id ===
379)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Threesome
t.id === 380) ?
selectedTags = selectedTags.filter(t => t.id !== 380) :
selectedTags.push({
id: 380,
name: `Cunnilingus`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 380),
'text-white': selectedTags.find(t => t.id ===
380)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cunnilingus
t.id === 381) ?
selectedTags = selectedTags.filter(t => t.id !== 381) :
selectedTags.push({
id: 381,
name: `Dragon Riders`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 381),
'text-white': selectedTags.find(t => t.id ===
381)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dragon Riders
t.id === 382) ?
selectedTags = selectedTags.filter(t => t.id !== 382) :
selectedTags.push({
id: 382,
name: `Enemies Become Lovers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 382),
'text-white': selectedTags.find(t => t.id ===
382)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Enemies Become Lovers
t.id === 383) ?
selectedTags = selectedTags.filter(t => t.id !== 383) :
selectedTags.push({
id: 383,
name: `Forced Living Arrangements`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 383),
'text-white': selectedTags.find(t => t.id ===
383)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Forced Living Arrangements
t.id === 384) ?
selectedTags = selectedTags.filter(t => t.id !== 384) :
selectedTags.push({
id: 384,
name: `Forced Marriage`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 384),
'text-white': selectedTags.find(t => t.id ===
384)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Forced Marriage
t.id === 385) ?
selectedTags = selectedTags.filter(t => t.id !== 385) :
selectedTags.push({
id: 385,
name: `God-Human Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 385),
'text-white': selectedTags.find(t => t.id ===
385)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
God-Human Relationship
t.id === 386) ?
selectedTags = selectedTags.filter(t => t.id !== 386) :
selectedTags.push({
id: 386,
name: `Goddesses`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 386),
'text-white': selectedTags.find(t => t.id ===
386)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Goddesses
t.id === 387) ?
selectedTags = selectedTags.filter(t => t.id !== 387) :
selectedTags.push({
id: 387,
name: `Incest`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 387),
'text-white': selectedTags.find(t => t.id ===
387)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Incest
t.id === 388) ?
selectedTags = selectedTags.filter(t => t.id !== 388) :
selectedTags.push({
id: 388,
name: `Mind Break`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 388),
'text-white': selectedTags.find(t => t.id ===
388)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mind Break
t.id === 389) ?
selectedTags = selectedTags.filter(t => t.id !== 389) :
selectedTags.push({
id: 389,
name: `Multiple Timelines`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 389),
'text-white': selectedTags.find(t => t.id ===
389)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Timelines
t.id === 390) ?
selectedTags = selectedTags.filter(t => t.id !== 390) :
selectedTags.push({
id: 390,
name: `Parent Complex`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 390),
'text-white': selectedTags.find(t => t.id ===
390)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Parent Complex
t.id === 391) ?
selectedTags = selectedTags.filter(t => t.id !== 391) :
selectedTags.push({
id: 391,
name: `Shapeshifters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 391),
'text-white': selectedTags.find(t => t.id ===
391)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shapeshifters
t.id === 392) ?
selectedTags = selectedTags.filter(t => t.id !== 392) :
selectedTags.push({
id: 392,
name: `Skill Creation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 392),
'text-white': selectedTags.find(t => t.id ===
392)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Skill Creation
t.id === 393) ?
selectedTags = selectedTags.filter(t => t.id !== 393) :
selectedTags.push({
id: 393,
name: `Strategist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 393),
'text-white': selectedTags.find(t => t.id ===
393)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Strategist
t.id === 394) ?
selectedTags = selectedTags.filter(t => t.id !== 394) :
selectedTags.push({
id: 394,
name: `Multiple Protagonists`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 394),
'text-white': selectedTags.find(t => t.id ===
394)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Multiple Protagonists
t.id === 395) ?
selectedTags = selectedTags.filter(t => t.id !== 395) :
selectedTags.push({
id: 395,
name: `Mythology`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 395),
'text-white': selectedTags.find(t => t.id ===
395)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mythology
t.id === 396) ?
selectedTags = selectedTags.filter(t => t.id !== 396) :
selectedTags.push({
id: 396,
name: `Skill Books`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 396),
'text-white': selectedTags.find(t => t.id ===
396)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Skill Books
t.id === 397) ?
selectedTags = selectedTags.filter(t => t.id !== 397) :
selectedTags.push({
id: 397,
name: `Heroes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 397),
'text-white': selectedTags.find(t => t.id ===
397)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Heroes
t.id === 398) ?
selectedTags = selectedTags.filter(t => t.id !== 398) :
selectedTags.push({
id: 398,
name: `Dragon Ball`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 398),
'text-white': selectedTags.find(t => t.id ===
398)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dragon Ball
t.id === 399) ?
selectedTags = selectedTags.filter(t => t.id !== 399) :
selectedTags.push({
id: 399,
name: `Cruel Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 399),
'text-white': selectedTags.find(t => t.id ===
399)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cruel Characters
t.id === 400) ?
selectedTags = selectedTags.filter(t => t.id !== 400) :
selectedTags.push({
id: 400,
name: `Depictions Of Cruelty`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 400),
'text-white': selectedTags.find(t => t.id ===
400)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Depictions Of Cruelty
t.id === 401) ?
selectedTags = selectedTags.filter(t => t.id !== 401) :
selectedTags.push({
id: 401,
name: `Generals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 401),
'text-white': selectedTags.find(t => t.id ===
401)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Generals
t.id === 402) ?
selectedTags = selectedTags.filter(t => t.id !== 402) :
selectedTags.push({
id: 402,
name: `Language Barrier`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 402),
'text-white': selectedTags.find(t => t.id ===
402)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Language Barrier
t.id === 403) ?
selectedTags = selectedTags.filter(t => t.id !== 403) :
selectedTags.push({
id: 403,
name: `Naive Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 403),
'text-white': selectedTags.find(t => t.id ===
403)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Naive Protagonist
t.id === 404) ?
selectedTags = selectedTags.filter(t => t.id !== 404) :
selectedTags.push({
id: 404,
name: `Sadistic Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 404),
'text-white': selectedTags.find(t => t.id ===
404)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sadistic Characters
t.id === 405) ?
selectedTags = selectedTags.filter(t => t.id !== 405) :
selectedTags.push({
id: 405,
name: `Shy Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 405),
'text-white': selectedTags.find(t => t.id ===
405)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shy Characters
t.id === 406) ?
selectedTags = selectedTags.filter(t => t.id !== 406) :
selectedTags.push({
id: 406,
name: `Abusive Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 406),
'text-white': selectedTags.find(t => t.id ===
406)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Abusive Characters
t.id === 407) ?
selectedTags = selectedTags.filter(t => t.id !== 407) :
selectedTags.push({
id: 407,
name: `Overprotective Siblings`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 407),
'text-white': selectedTags.find(t => t.id ===
407)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Overprotective Siblings
t.id === 408) ?
selectedTags = selectedTags.filter(t => t.id !== 408) :
selectedTags.push({
id: 408,
name: `Death Of Loved Ones`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 408),
'text-white': selectedTags.find(t => t.id ===
408)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Death Of Loved Ones
t.id === 409) ?
selectedTags = selectedTags.filter(t => t.id !== 409) :
selectedTags.push({
id: 409,
name: `Healers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 409),
'text-white': selectedTags.find(t => t.id ===
409)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Healers
t.id === 410) ?
selectedTags = selectedTags.filter(t => t.id !== 410) :
selectedTags.push({
id: 410,
name: `Abandoned Children`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 410),
'text-white': selectedTags.find(t => t.id ===
410)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Abandoned Children
t.id === 411) ?
selectedTags = selectedTags.filter(t => t.id !== 411) :
selectedTags.push({
id: 411,
name: `Child Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 411),
'text-white': selectedTags.find(t => t.id ===
411)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Child Protagonist
t.id === 412) ?
selectedTags = selectedTags.filter(t => t.id !== 412) :
selectedTags.push({
id: 412,
name: `Near-Death Experience`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 412),
'text-white': selectedTags.find(t => t.id ===
412)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Near-Death Experience
t.id === 413) ?
selectedTags = selectedTags.filter(t => t.id !== 413) :
selectedTags.push({
id: 413,
name: `Bickering Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 413),
'text-white': selectedTags.find(t => t.id ===
413)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bickering Couple
t.id === 414) ?
selectedTags = selectedTags.filter(t => t.id !== 414) :
selectedTags.push({
id: 414,
name: `Chuunibyou`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 414),
'text-white': selectedTags.find(t => t.id ===
414)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Chuunibyou
t.id === 415) ?
selectedTags = selectedTags.filter(t => t.id !== 415) :
selectedTags.push({
id: 415,
name: `Gore`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 415),
'text-white': selectedTags.find(t => t.id ===
415)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gore
t.id === 416) ?
selectedTags = selectedTags.filter(t => t.id !== 416) :
selectedTags.push({
id: 416,
name: `Love Interest Falls In Love First`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 416),
'text-white': selectedTags.find(t => t.id ===
416)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Love Interest Falls In Love First
t.id === 417) ?
selectedTags = selectedTags.filter(t => t.id !== 417) :
selectedTags.push({
id: 417,
name: `Quirky Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 417),
'text-white': selectedTags.find(t => t.id ===
417)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Quirky Characters
t.id === 418) ?
selectedTags = selectedTags.filter(t => t.id !== 418) :
selectedTags.push({
id: 418,
name: `Torture`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 418),
'text-white': selectedTags.find(t => t.id ===
418)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Torture
t.id === 419) ?
selectedTags = selectedTags.filter(t => t.id !== 419) :
selectedTags.push({
id: 419,
name: `Unreliable Narrator`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 419),
'text-white': selectedTags.find(t => t.id ===
419)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unreliable Narrator
t.id === 420) ?
selectedTags = selectedTags.filter(t => t.id !== 420) :
selectedTags.push({
id: 420,
name: `Younger Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 420),
'text-white': selectedTags.find(t => t.id ===
420)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Younger Love Interests
t.id === 421) ?
selectedTags = selectedTags.filter(t => t.id !== 421) :
selectedTags.push({
id: 421,
name: `First-Time Intercourse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 421),
'text-white': selectedTags.find(t => t.id ===
421)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
First-Time Intercourse
t.id === 422) ?
selectedTags = selectedTags.filter(t => t.id !== 422) :
selectedTags.push({
id: 422,
name: `Adultery`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 422),
'text-white': selectedTags.find(t => t.id ===
422)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adultery
t.id === 423) ?
selectedTags = selectedTags.filter(t => t.id !== 423) :
selectedTags.push({
id: 423,
name: `Affair`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 423),
'text-white': selectedTags.find(t => t.id ===
423)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Affair
t.id === 424) ?
selectedTags = selectedTags.filter(t => t.id !== 424) :
selectedTags.push({
id: 424,
name: `Brainwashing`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 424),
'text-white': selectedTags.find(t => t.id ===
424)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Brainwashing
t.id === 425) ?
selectedTags = selectedTags.filter(t => t.id !== 425) :
selectedTags.push({
id: 425,
name: `Childhood Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 425),
'text-white': selectedTags.find(t => t.id ===
425)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Childhood Love
t.id === 426) ?
selectedTags = selectedTags.filter(t => t.id !== 426) :
selectedTags.push({
id: 426,
name: `Clingy Lover`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 426),
'text-white': selectedTags.find(t => t.id ===
426)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clingy Lover
t.id === 427) ?
selectedTags = selectedTags.filter(t => t.id !== 427) :
selectedTags.push({
id: 427,
name: `Doting Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 427),
'text-white': selectedTags.find(t => t.id ===
427)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Doting Love Interests
t.id === 428) ?
selectedTags = selectedTags.filter(t => t.id !== 428) :
selectedTags.push({
id: 428,
name: `Fanaticism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 428),
'text-white': selectedTags.find(t => t.id ===
428)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fanaticism
t.id === 429) ?
selectedTags = selectedTags.filter(t => t.id !== 429) :
selectedTags.push({
id: 429,
name: `Masturbation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 429),
'text-white': selectedTags.find(t => t.id ===
429)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Masturbation
t.id === 430) ?
selectedTags = selectedTags.filter(t => t.id !== 430) :
selectedTags.push({
id: 430,
name: `Obsessive Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 430),
'text-white': selectedTags.find(t => t.id ===
430)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Obsessive Love
t.id === 431) ?
selectedTags = selectedTags.filter(t => t.id !== 431) :
selectedTags.push({
id: 431,
name: `Past Plays A Big Role`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 431),
'text-white': selectedTags.find(t => t.id ===
431)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Past Plays A Big Role
t.id === 432) ?
selectedTags = selectedTags.filter(t => t.id !== 432) :
selectedTags.push({
id: 432,
name: `Past Trauma`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 432),
'text-white': selectedTags.find(t => t.id ===
432)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Past Trauma
t.id === 433) ?
selectedTags = selectedTags.filter(t => t.id !== 433) :
selectedTags.push({
id: 433,
name: `Persistent Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 433),
'text-white': selectedTags.find(t => t.id ===
433)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Persistent Love Interests
t.id === 434) ?
selectedTags = selectedTags.filter(t => t.id !== 434) :
selectedTags.push({
id: 434,
name: `Playboys`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 434),
'text-white': selectedTags.find(t => t.id ===
434)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Playboys
t.id === 435) ?
selectedTags = selectedTags.filter(t => t.id !== 435) :
selectedTags.push({
id: 435,
name: `Protagonist Falls In Love First`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 435),
'text-white': selectedTags.find(t => t.id ===
435)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Protagonist Falls In Love First
t.id === 436) ?
selectedTags = selectedTags.filter(t => t.id !== 436) :
selectedTags.push({
id: 436,
name: `Secret Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 436),
'text-white': selectedTags.find(t => t.id ===
436)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secret Relationship
t.id === 437) ?
selectedTags = selectedTags.filter(t => t.id !== 437) :
selectedTags.push({
id: 437,
name: `Seduction`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 437),
'text-white': selectedTags.find(t => t.id ===
437)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Seduction
t.id === 438) ?
selectedTags = selectedTags.filter(t => t.id !== 438) :
selectedTags.push({
id: 438,
name: `Siblings`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 438),
'text-white': selectedTags.find(t => t.id ===
438)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Siblings
t.id === 439) ?
selectedTags = selectedTags.filter(t => t.id !== 439) :
selectedTags.push({
id: 439,
name: `Time Loop`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 439),
'text-white': selectedTags.find(t => t.id ===
439)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Time Loop
t.id === 440) ?
selectedTags = selectedTags.filter(t => t.id !== 440) :
selectedTags.push({
id: 440,
name: `Tragic Past`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 440),
'text-white': selectedTags.find(t => t.id ===
440)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Tragic Past
t.id === 441) ?
selectedTags = selectedTags.filter(t => t.id !== 441) :
selectedTags.push({
id: 441,
name: `Tsundere`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 441),
'text-white': selectedTags.find(t => t.id ===
441)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Tsundere
t.id === 442) ?
selectedTags = selectedTags.filter(t => t.id !== 442) :
selectedTags.push({
id: 442,
name: `Twisted Personality`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 442),
'text-white': selectedTags.find(t => t.id ===
442)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Twisted Personality
t.id === 443) ?
selectedTags = selectedTags.filter(t => t.id !== 443) :
selectedTags.push({
id: 443,
name: `Unique Weapons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 443),
'text-white': selectedTags.find(t => t.id ===
443)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unique Weapons
t.id === 444) ?
selectedTags = selectedTags.filter(t => t.id !== 444) :
selectedTags.push({
id: 444,
name: `Yandere`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 444),
'text-white': selectedTags.find(t => t.id ===
444)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Yandere
t.id === 445) ?
selectedTags = selectedTags.filter(t => t.id !== 445) :
selectedTags.push({
id: 445,
name: `Kind Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 445),
'text-white': selectedTags.find(t => t.id ===
445)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Kind Love Interests
t.id === 446) ?
selectedTags = selectedTags.filter(t => t.id !== 446) :
selectedTags.push({
id: 446,
name: `Masochistic Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 446),
'text-white': selectedTags.find(t => t.id ===
446)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Masochistic Characters
t.id === 447) ?
selectedTags = selectedTags.filter(t => t.id !== 447) :
selectedTags.push({
id: 447,
name: `Crime`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 447),
'text-white': selectedTags.find(t => t.id ===
447)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Crime
t.id === 448) ?
selectedTags = selectedTags.filter(t => t.id !== 448) :
selectedTags.push({
id: 448,
name: `Detectives`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 448),
'text-white': selectedTags.find(t => t.id ===
448)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Detectives
t.id === 449) ?
selectedTags = selectedTags.filter(t => t.id !== 449) :
selectedTags.push({
id: 449,
name: `Police`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 449),
'text-white': selectedTags.find(t => t.id ===
449)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Police
t.id === 450) ?
selectedTags = selectedTags.filter(t => t.id !== 450) :
selectedTags.push({
id: 450,
name: `Biochip`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 450),
'text-white': selectedTags.find(t => t.id ===
450)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Biochip
t.id === 451) ?
selectedTags = selectedTags.filter(t => t.id !== 451) :
selectedTags.push({
id: 451,
name: `Half-Human Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 451),
'text-white': selectedTags.find(t => t.id ===
451)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Half-Human Protagonist
t.id === 452) ?
selectedTags = selectedTags.filter(t => t.id !== 452) :
selectedTags.push({
id: 452,
name: `Pharmacist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 452),
'text-white': selectedTags.find(t => t.id ===
452)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pharmacist
t.id === 453) ?
selectedTags = selectedTags.filter(t => t.id !== 453) :
selectedTags.push({
id: 453,
name: `Pragmatic Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 453),
'text-white': selectedTags.find(t => t.id ===
453)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pragmatic Protagonist
t.id === 454) ?
selectedTags = selectedTags.filter(t => t.id !== 454) :
selectedTags.push({
id: 454,
name: `Race Change`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 454),
'text-white': selectedTags.find(t => t.id ===
454)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Race Change
t.id === 455) ?
selectedTags = selectedTags.filter(t => t.id !== 455) :
selectedTags.push({
id: 455,
name: `Transformation Ability`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 455),
'text-white': selectedTags.find(t => t.id ===
455)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transformation Ability
t.id === 456) ?
selectedTags = selectedTags.filter(t => t.id !== 456) :
selectedTags.push({
id: 456,
name: `Adapted To Drama Cd`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 456),
'text-white': selectedTags.find(t => t.id ===
456)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Drama Cd
t.id === 457) ?
selectedTags = selectedTags.filter(t => t.id !== 457) :
selectedTags.push({
id: 457,
name: `Award-Winning Work`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 457),
'text-white': selectedTags.find(t => t.id ===
457)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Award-Winning Work
t.id === 458) ?
selectedTags = selectedTags.filter(t => t.id !== 458) :
selectedTags.push({
id: 458,
name: `Harsh Training`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 458),
'text-white': selectedTags.find(t => t.id ===
458)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Harsh Training
t.id === 459) ?
selectedTags = selectedTags.filter(t => t.id !== 459) :
selectedTags.push({
id: 459,
name: `Hunters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 459),
'text-white': selectedTags.find(t => t.id ===
459)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hunters
t.id === 460) ?
selectedTags = selectedTags.filter(t => t.id !== 460) :
selectedTags.push({
id: 460,
name: `Nightmares`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 460),
'text-white': selectedTags.find(t => t.id ===
460)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Nightmares
t.id === 461) ?
selectedTags = selectedTags.filter(t => t.id !== 461) :
selectedTags.push({
id: 461,
name: `Philosophical`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 461),
'text-white': selectedTags.find(t => t.id ===
461)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Philosophical
t.id === 462) ?
selectedTags = selectedTags.filter(t => t.id !== 462) :
selectedTags.push({
id: 462,
name: `Polite Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 462),
'text-white': selectedTags.find(t => t.id ===
462)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Polite Protagonist
t.id === 463) ?
selectedTags = selectedTags.filter(t => t.id !== 463) :
selectedTags.push({
id: 463,
name: `Puppeteers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 463),
'text-white': selectedTags.find(t => t.id ===
463)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Puppeteers
t.id === 464) ?
selectedTags = selectedTags.filter(t => t.id !== 464) :
selectedTags.push({
id: 464,
name: `Secrets`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 464),
'text-white': selectedTags.find(t => t.id ===
464)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secrets
t.id === 465) ?
selectedTags = selectedTags.filter(t => t.id !== 465) :
selectedTags.push({
id: 465,
name: `Trickster`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 465),
'text-white': selectedTags.find(t => t.id ===
465)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Trickster
t.id === 466) ?
selectedTags = selectedTags.filter(t => t.id !== 466) :
selectedTags.push({
id: 466,
name: `Werebeasts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 466),
'text-white': selectedTags.find(t => t.id ===
466)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Werebeasts
t.id === 467) ?
selectedTags = selectedTags.filter(t => t.id !== 467) :
selectedTags.push({
id: 467,
name: `Acting`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 467),
'text-white': selectedTags.find(t => t.id ===
467)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Acting
t.id === 468) ?
selectedTags = selectedTags.filter(t => t.id !== 468) :
selectedTags.push({
id: 468,
name: `Adapted To Anime`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 468),
'text-white': selectedTags.find(t => t.id ===
468)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Anime
t.id === 469) ?
selectedTags = selectedTags.filter(t => t.id !== 469) :
selectedTags.push({
id: 469,
name: `Amnesia`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 469),
'text-white': selectedTags.find(t => t.id ===
469)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Amnesia
t.id === 470) ?
selectedTags = selectedTags.filter(t => t.id !== 470) :
selectedTags.push({
id: 470,
name: `Childhood Promise`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 470),
'text-white': selectedTags.find(t => t.id ===
470)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Childhood Promise
t.id === 471) ?
selectedTags = selectedTags.filter(t => t.id !== 471) :
selectedTags.push({
id: 471,
name: `Thieves`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 471),
'text-white': selectedTags.find(t => t.id ===
471)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Thieves
t.id === 472) ?
selectedTags = selectedTags.filter(t => t.id !== 472) :
selectedTags.push({
id: 472,
name: `Male Yandere`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 472),
'text-white': selectedTags.find(t => t.id ===
472)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Male Yandere
t.id === 473) ?
selectedTags = selectedTags.filter(t => t.id !== 473) :
selectedTags.push({
id: 473,
name: `Stockholm Syndrome`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 473),
'text-white': selectedTags.find(t => t.id ===
473)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Stockholm Syndrome
t.id === 474) ?
selectedTags = selectedTags.filter(t => t.id !== 474) :
selectedTags.push({
id: 474,
name: `Childcare`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 474),
'text-white': selectedTags.find(t => t.id ===
474)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Childcare
t.id === 475) ?
selectedTags = selectedTags.filter(t => t.id !== 475) :
selectedTags.push({
id: 475,
name: `Couple Growth`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 475),
'text-white': selectedTags.find(t => t.id ===
475)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Couple Growth
t.id === 476) ?
selectedTags = selectedTags.filter(t => t.id !== 476) :
selectedTags.push({
id: 476,
name: `Power Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 476),
'text-white': selectedTags.find(t => t.id ===
476)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Power Couple
t.id === 477) ?
selectedTags = selectedTags.filter(t => t.id !== 477) :
selectedTags.push({
id: 477,
name: `Part-Time Job`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 477),
'text-white': selectedTags.find(t => t.id ===
477)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Part-Time Job
t.id === 478) ?
selectedTags = selectedTags.filter(t => t.id !== 478) :
selectedTags.push({
id: 478,
name: `E-Sports`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 478),
'text-white': selectedTags.find(t => t.id ===
478)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
E-Sports
t.id === 479) ?
selectedTags = selectedTags.filter(t => t.id !== 479) :
selectedTags.push({
id: 479,
name: `Dungeons`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 479),
'text-white': selectedTags.find(t => t.id ===
479)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dungeons
t.id === 480) ?
selectedTags = selectedTags.filter(t => t.id !== 480) :
selectedTags.push({
id: 480,
name: `Card Games`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 480),
'text-white': selectedTags.find(t => t.id ===
480)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Card Games
t.id === 481) ?
selectedTags = selectedTags.filter(t => t.id !== 481) :
selectedTags.push({
id: 481,
name: `Familiars`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 481),
'text-white': selectedTags.find(t => t.id ===
481)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Familiars
t.id === 482) ?
selectedTags = selectedTags.filter(t => t.id !== 482) :
selectedTags.push({
id: 482,
name: `Galge`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 482),
'text-white': selectedTags.find(t => t.id ===
482)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Galge
t.id === 483) ?
selectedTags = selectedTags.filter(t => t.id !== 483) :
selectedTags.push({
id: 483,
name: `Reincarnated In A Game World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 483),
'text-white': selectedTags.find(t => t.id ===
483)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reincarnated In A Game World
t.id === 484) ?
selectedTags = selectedTags.filter(t => t.id !== 484) :
selectedTags.push({
id: 484,
name: `Seven Deadly Sins`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 484),
'text-white': selectedTags.find(t => t.id ===
484)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Seven Deadly Sins
t.id === 485) ?
selectedTags = selectedTags.filter(t => t.id !== 485) :
selectedTags.push({
id: 485,
name: `Seven Virtues`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 485),
'text-white': selectedTags.find(t => t.id ===
485)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Seven Virtues
t.id === 486) ?
selectedTags = selectedTags.filter(t => t.id !== 486) :
selectedTags.push({
id: 486,
name: `Fellatio`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 486),
'text-white': selectedTags.find(t => t.id ===
486)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fellatio
t.id === 487) ?
selectedTags = selectedTags.filter(t => t.id !== 487) :
selectedTags.push({
id: 487,
name: `Monster Girls`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 487),
'text-white': selectedTags.find(t => t.id ===
487)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Monster Girls
t.id === 488) ?
selectedTags = selectedTags.filter(t => t.id !== 488) :
selectedTags.push({
id: 488,
name: `Perverted Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 488),
'text-white': selectedTags.find(t => t.id ===
488)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Perverted Protagonist
t.id === 489) ?
selectedTags = selectedTags.filter(t => t.id !== 489) :
selectedTags.push({
id: 489,
name: `Secretive Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 489),
'text-white': selectedTags.find(t => t.id ===
489)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secretive Protagonist
t.id === 490) ?
selectedTags = selectedTags.filter(t => t.id !== 490) :
selectedTags.push({
id: 490,
name: `Forced Into A Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 490),
'text-white': selectedTags.find(t => t.id ===
490)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Forced Into A Relationship
t.id === 491) ?
selectedTags = selectedTags.filter(t => t.id !== 491) :
selectedTags.push({
id: 491,
name: `Lottery`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 491),
'text-white': selectedTags.find(t => t.id ===
491)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lottery
t.id === 492) ?
selectedTags = selectedTags.filter(t => t.id !== 492) :
selectedTags.push({
id: 492,
name: `Music`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 492),
'text-white': selectedTags.find(t => t.id ===
492)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Music
t.id === 493) ?
selectedTags = selectedTags.filter(t => t.id !== 493) :
selectedTags.push({
id: 493,
name: `Singers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 493),
'text-white': selectedTags.find(t => t.id ===
493)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Singers
t.id === 494) ?
selectedTags = selectedTags.filter(t => t.id !== 494) :
selectedTags.push({
id: 494,
name: `Writers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 494),
'text-white': selectedTags.find(t => t.id ===
494)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Writers
t.id === 495) ?
selectedTags = selectedTags.filter(t => t.id !== 495) :
selectedTags.push({
id: 495,
name: `Criminals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 495),
'text-white': selectedTags.find(t => t.id ===
495)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Criminals
t.id === 496) ?
selectedTags = selectedTags.filter(t => t.id !== 496) :
selectedTags.push({
id: 496,
name: `Exorcism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 496),
'text-white': selectedTags.find(t => t.id ===
496)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Exorcism
t.id === 497) ?
selectedTags = selectedTags.filter(t => t.id !== 497) :
selectedTags.push({
id: 497,
name: `Movies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 497),
'text-white': selectedTags.find(t => t.id ===
497)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Movies
t.id === 498) ?
selectedTags = selectedTags.filter(t => t.id !== 498) :
selectedTags.push({
id: 498,
name: `Non-Humanoid Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 498),
'text-white': selectedTags.find(t => t.id ===
498)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Non-Humanoid Protagonist
t.id === 499) ?
selectedTags = selectedTags.filter(t => t.id !== 499) :
selectedTags.push({
id: 499,
name: `Female Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 499),
'text-white': selectedTags.find(t => t.id ===
499)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Female Protagonist
t.id === 500) ?
selectedTags = selectedTags.filter(t => t.id !== 500) :
selectedTags.push({
id: 500,
name: `Poor Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 500),
'text-white': selectedTags.find(t => t.id ===
500)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Poor Protagonist
t.id === 501) ?
selectedTags = selectedTags.filter(t => t.id !== 501) :
selectedTags.push({
id: 501,
name: `Love At First Sight`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 501),
'text-white': selectedTags.find(t => t.id ===
501)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Love At First Sight
t.id === 502) ?
selectedTags = selectedTags.filter(t => t.id !== 502) :
selectedTags.push({
id: 502,
name: `Sudden Wealth`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 502),
'text-white': selectedTags.find(t => t.id ===
502)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sudden Wealth
t.id === 503) ?
selectedTags = selectedTags.filter(t => t.id !== 503) :
selectedTags.push({
id: 503,
name: `Pill Based Cultivation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 503),
'text-white': selectedTags.find(t => t.id ===
503)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pill Based Cultivation
t.id === 504) ?
selectedTags = selectedTags.filter(t => t.id !== 504) :
selectedTags.push({
id: 504,
name: `Otaku`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 504),
'text-white': selectedTags.find(t => t.id ===
504)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Otaku
t.id === 505) ?
selectedTags = selectedTags.filter(t => t.id !== 505) :
selectedTags.push({
id: 505,
name: `Distrustful Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 505),
'text-white': selectedTags.find(t => t.id ===
505)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Distrustful Protagonist
t.id === 506) ?
selectedTags = selectedTags.filter(t => t.id !== 506) :
selectedTags.push({
id: 506,
name: `Anal`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 506),
'text-white': selectedTags.find(t => t.id ===
506)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Anal
t.id === 507) ?
selectedTags = selectedTags.filter(t => t.id !== 507) :
selectedTags.push({
id: 507,
name: `R-15`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 507),
'text-white': selectedTags.find(t => t.id ===
507)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
R-15
t.id === 508) ?
selectedTags = selectedTags.filter(t => t.id !== 508) :
selectedTags.push({
id: 508,
name: `Emotionally Weak Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 508),
'text-white': selectedTags.find(t => t.id ===
508)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Emotionally Weak Protagonist
t.id === 509) ?
selectedTags = selectedTags.filter(t => t.id !== 509) :
selectedTags.push({
id: 509,
name: `Reincarnated As A Monster`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 509),
'text-white': selectedTags.find(t => t.id ===
509)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reincarnated As A Monster
t.id === 510) ?
selectedTags = selectedTags.filter(t => t.id !== 510) :
selectedTags.push({
id: 510,
name: `Rebellion`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 510),
'text-white': selectedTags.find(t => t.id ===
510)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Rebellion
t.id === 511) ?
selectedTags = selectedTags.filter(t => t.id !== 511) :
selectedTags.push({
id: 511,
name: `Doting Older Siblings`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 511),
'text-white': selectedTags.find(t => t.id ===
511)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Doting Older Siblings
t.id === 512) ?
selectedTags = selectedTags.filter(t => t.id !== 512) :
selectedTags.push({
id: 512,
name: `Hackers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 512),
'text-white': selectedTags.find(t => t.id ===
512)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hackers
t.id === 513) ?
selectedTags = selectedTags.filter(t => t.id !== 513) :
selectedTags.push({
id: 513,
name: `Orgy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 513),
'text-white': selectedTags.find(t => t.id ===
513)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Orgy
t.id === 514) ?
selectedTags = selectedTags.filter(t => t.id !== 514) :
selectedTags.push({
id: 514,
name: `Paizuri`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 514),
'text-white': selectedTags.find(t => t.id ===
514)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Paizuri
t.id === 515) ?
selectedTags = selectedTags.filter(t => t.id !== 515) :
selectedTags.push({
id: 515,
name: `Siblings Not Related By Blood`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 515),
'text-white': selectedTags.find(t => t.id ===
515)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Siblings Not Related By Blood
t.id === 516) ?
selectedTags = selectedTags.filter(t => t.id !== 516) :
selectedTags.push({
id: 516,
name: `Female Master`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 516),
'text-white': selectedTags.find(t => t.id ===
516)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Female Master
t.id === 517) ?
selectedTags = selectedTags.filter(t => t.id !== 517) :
selectedTags.push({
id: 517,
name: `Friendship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 517),
'text-white': selectedTags.find(t => t.id ===
517)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Friendship
t.id === 518) ?
selectedTags = selectedTags.filter(t => t.id !== 518) :
selectedTags.push({
id: 518,
name: `Adopted Children`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 518),
'text-white': selectedTags.find(t => t.id ===
518)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adopted Children
t.id === 519) ?
selectedTags = selectedTags.filter(t => t.id !== 519) :
selectedTags.push({
id: 519,
name: `Guardian Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 519),
'text-white': selectedTags.find(t => t.id ===
519)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Guardian Relationship
t.id === 520) ?
selectedTags = selectedTags.filter(t => t.id !== 520) :
selectedTags.push({
id: 520,
name: `Animal Characteristics`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 520),
'text-white': selectedTags.find(t => t.id ===
520)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Animal Characteristics
t.id === 521) ?
selectedTags = selectedTags.filter(t => t.id !== 521) :
selectedTags.push({
id: 521,
name: `Priests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 521),
'text-white': selectedTags.find(t => t.id ===
521)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Priests
t.id === 522) ?
selectedTags = selectedTags.filter(t => t.id !== 522) :
selectedTags.push({
id: 522,
name: `Marriage`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 522),
'text-white': selectedTags.find(t => t.id ===
522)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Marriage
t.id === 523) ?
selectedTags = selectedTags.filter(t => t.id !== 523) :
selectedTags.push({
id: 523,
name: `Dc Universe`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 523),
'text-white': selectedTags.find(t => t.id ===
523)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dc Universe
t.id === 524) ?
selectedTags = selectedTags.filter(t => t.id !== 524) :
selectedTags.push({
id: 524,
name: `Investigations`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 524),
'text-white': selectedTags.find(t => t.id ===
524)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Investigations
t.id === 525) ?
selectedTags = selectedTags.filter(t => t.id !== 525) :
selectedTags.push({
id: 525,
name: `Sex Friends`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 525),
'text-white': selectedTags.find(t => t.id ===
525)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sex Friends
t.id === 526) ?
selectedTags = selectedTags.filter(t => t.id !== 526) :
selectedTags.push({
id: 526,
name: `Narcissistic Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 526),
'text-white': selectedTags.find(t => t.id ===
526)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Narcissistic Protagonist
t.id === 527) ?
selectedTags = selectedTags.filter(t => t.id !== 527) :
selectedTags.push({
id: 527,
name: `Aggressive Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 527),
'text-white': selectedTags.find(t => t.id ===
527)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Aggressive Characters
t.id === 528) ?
selectedTags = selectedTags.filter(t => t.id !== 528) :
selectedTags.push({
id: 528,
name: `Restaurant`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 528),
'text-white': selectedTags.find(t => t.id ===
528)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Restaurant
t.id === 529) ?
selectedTags = selectedTags.filter(t => t.id !== 529) :
selectedTags.push({
id: 529,
name: `Single Parent`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 529),
'text-white': selectedTags.find(t => t.id ===
529)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Single Parent
t.id === 530) ?
selectedTags = selectedTags.filter(t => t.id !== 530) :
selectedTags.push({
id: 530,
name: `Villainess Noble Girls`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 530),
'text-white': selectedTags.find(t => t.id ===
530)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Villainess Noble Girls
t.id === 531) ?
selectedTags = selectedTags.filter(t => t.id !== 531) :
selectedTags.push({
id: 531,
name: `Stubborn Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 531),
'text-white': selectedTags.find(t => t.id ===
531)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Stubborn Protagonist
t.id === 532) ?
selectedTags = selectedTags.filter(t => t.id !== 532) :
selectedTags.push({
id: 532,
name: `Based On A Tv Show`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 532),
'text-white': selectedTags.find(t => t.id ===
532)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Based On A Tv Show
t.id === 533) ?
selectedTags = selectedTags.filter(t => t.id !== 533) :
selectedTags.push({
id: 533,
name: `Adapted To Manga`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 533),
'text-white': selectedTags.find(t => t.id ===
533)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Manga
t.id === 534) ?
selectedTags = selectedTags.filter(t => t.id !== 534) :
selectedTags.push({
id: 534,
name: `Fleet Battles`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 534),
'text-white': selectedTags.find(t => t.id ===
534)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fleet Battles
t.id === 535) ?
selectedTags = selectedTags.filter(t => t.id !== 535) :
selectedTags.push({
id: 535,
name: `Time Paradox`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 535),
'text-white': selectedTags.find(t => t.id ===
535)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Time Paradox
t.id === 536) ?
selectedTags = selectedTags.filter(t => t.id !== 536) :
selectedTags.push({
id: 536,
name: `Amusement Park`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 536),
'text-white': selectedTags.find(t => t.id ===
536)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Amusement Park
t.id === 537) ?
selectedTags = selectedTags.filter(t => t.id !== 537) :
selectedTags.push({
id: 537,
name: `Fujoshi`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 537),
'text-white': selectedTags.find(t => t.id ===
537)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fujoshi
t.id === 538) ?
selectedTags = selectedTags.filter(t => t.id !== 538) :
selectedTags.push({
id: 538,
name: `Handjob`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 538),
'text-white': selectedTags.find(t => t.id ===
538)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Handjob
t.id === 539) ?
selectedTags = selectedTags.filter(t => t.id !== 539) :
selectedTags.push({
id: 539,
name: `Possessive Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 539),
'text-white': selectedTags.find(t => t.id ===
539)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Possessive Characters
t.id === 540) ?
selectedTags = selectedTags.filter(t => t.id !== 540) :
selectedTags.push({
id: 540,
name: `Sickly Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 540),
'text-white': selectedTags.find(t => t.id ===
540)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sickly Characters
t.id === 541) ?
selectedTags = selectedTags.filter(t => t.id !== 541) :
selectedTags.push({
id: 541,
name: `Folklore`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 541),
'text-white': selectedTags.find(t => t.id ===
541)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Folklore
t.id === 542) ?
selectedTags = selectedTags.filter(t => t.id !== 542) :
selectedTags.push({
id: 542,
name: `Grinding`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 542),
'text-white': selectedTags.find(t => t.id ===
542)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Grinding
t.id === 543) ?
selectedTags = selectedTags.filter(t => t.id !== 543) :
selectedTags.push({
id: 543,
name: `Mob Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 543),
'text-white': selectedTags.find(t => t.id ===
543)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mob Protagonist
t.id === 544) ?
selectedTags = selectedTags.filter(t => t.id !== 544) :
selectedTags.push({
id: 544,
name: `War Records`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 544),
'text-white': selectedTags.find(t => t.id ===
544)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
War Records
t.id === 545) ?
selectedTags = selectedTags.filter(t => t.id !== 545) :
selectedTags.push({
id: 545,
name: `Flashbacks`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 545),
'text-white': selectedTags.find(t => t.id ===
545)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Flashbacks
t.id === 546) ?
selectedTags = selectedTags.filter(t => t.id !== 546) :
selectedTags.push({
id: 546,
name: `Helpful Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 546),
'text-white': selectedTags.find(t => t.id ===
546)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Helpful Protagonist
t.id === 547) ?
selectedTags = selectedTags.filter(t => t.id !== 547) :
selectedTags.push({
id: 547,
name: `Identity Crisis`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 547),
'text-white': selectedTags.find(t => t.id ===
547)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Identity Crisis
t.id === 548) ?
selectedTags = selectedTags.filter(t => t.id !== 548) :
selectedTags.push({
id: 548,
name: `Fated Lovers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 548),
'text-white': selectedTags.find(t => t.id ===
548)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fated Lovers
t.id === 549) ?
selectedTags = selectedTags.filter(t => t.id !== 549) :
selectedTags.push({
id: 549,
name: `Chefs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 549),
'text-white': selectedTags.find(t => t.id ===
549)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Chefs
t.id === 550) ?
selectedTags = selectedTags.filter(t => t.id !== 550) :
selectedTags.push({
id: 550,
name: `Cute Children`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 550),
'text-white': selectedTags.find(t => t.id ===
550)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cute Children
t.id === 551) ?
selectedTags = selectedTags.filter(t => t.id !== 551) :
selectedTags.push({
id: 551,
name: `Former Hero`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 551),
'text-white': selectedTags.find(t => t.id ===
551)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Former Hero
t.id === 552) ?
selectedTags = selectedTags.filter(t => t.id !== 552) :
selectedTags.push({
id: 552,
name: `Heartwarming`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 552),
'text-white': selectedTags.find(t => t.id ===
552)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Heartwarming
t.id === 553) ?
selectedTags = selectedTags.filter(t => t.id !== 553) :
selectedTags.push({
id: 553,
name: `Serial Killers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 553),
'text-white': selectedTags.find(t => t.id ===
553)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Serial Killers
t.id === 554) ?
selectedTags = selectedTags.filter(t => t.id !== 554) :
selectedTags.push({
id: 554,
name: `Artists`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 554),
'text-white': selectedTags.find(t => t.id ===
554)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Artists
t.id === 555) ?
selectedTags = selectedTags.filter(t => t.id !== 555) :
selectedTags.push({
id: 555,
name: `Episodic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 555),
'text-white': selectedTags.find(t => t.id ===
555)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Episodic
t.id === 556) ?
selectedTags = selectedTags.filter(t => t.id !== 556) :
selectedTags.push({
id: 556,
name: `Engagement`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 556),
'text-white': selectedTags.find(t => t.id ===
556)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Engagement
t.id === 557) ?
selectedTags = selectedTags.filter(t => t.id !== 557) :
selectedTags.push({
id: 557,
name: `Ugly To Beautiful`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 557),
'text-white': selectedTags.find(t => t.id ===
557)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ugly To Beautiful
t.id === 558) ?
selectedTags = selectedTags.filter(t => t.id !== 558) :
selectedTags.push({
id: 558,
name: `Cowardly Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 558),
'text-white': selectedTags.find(t => t.id ===
558)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cowardly Protagonist
t.id === 559) ?
selectedTags = selectedTags.filter(t => t.id !== 559) :
selectedTags.push({
id: 559,
name: `Blackmail`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 559),
'text-white': selectedTags.find(t => t.id ===
559)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Blackmail
t.id === 560) ?
selectedTags = selectedTags.filter(t => t.id !== 560) :
selectedTags.push({
id: 560,
name: `Kidnappings`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 560),
'text-white': selectedTags.find(t => t.id ===
560)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Kidnappings
t.id === 561) ?
selectedTags = selectedTags.filter(t => t.id !== 561) :
selectedTags.push({
id: 561,
name: `Office Romance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 561),
'text-white': selectedTags.find(t => t.id ===
561)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Office Romance
t.id === 562) ?
selectedTags = selectedTags.filter(t => t.id !== 562) :
selectedTags.push({
id: 562,
name: `Organized Crime`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 562),
'text-white': selectedTags.find(t => t.id ===
562)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Organized Crime
t.id === 563) ?
selectedTags = selectedTags.filter(t => t.id !== 563) :
selectedTags.push({
id: 563,
name: `Programmer`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 563),
'text-white': selectedTags.find(t => t.id ===
563)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Programmer
t.id === 564) ?
selectedTags = selectedTags.filter(t => t.id !== 564) :
selectedTags.push({
id: 564,
name: `Seeing Things Other Humans Can\'t`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 564),
'text-white': selectedTags.find(t => t.id ===
564)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Seeing Things Other Humans Can't
t.id === 565) ?
selectedTags = selectedTags.filter(t => t.id !== 565) :
selectedTags.push({
id: 565,
name: `Suicides`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 565),
'text-white': selectedTags.find(t => t.id ===
565)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Suicides
t.id === 566) ?
selectedTags = selectedTags.filter(t => t.id !== 566) :
selectedTags.push({
id: 566,
name: `Smart Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 566),
'text-white': selectedTags.find(t => t.id ===
566)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Smart Couple
t.id === 567) ?
selectedTags = selectedTags.filter(t => t.id !== 567) :
selectedTags.push({
id: 567,
name: `Male To Female`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 567),
'text-white': selectedTags.find(t => t.id ===
567)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Male To Female
t.id === 568) ?
selectedTags = selectedTags.filter(t => t.id !== 568) :
selectedTags.push({
id: 568,
name: `Brotherhood`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 568),
'text-white': selectedTags.find(t => t.id ===
568)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Brotherhood
t.id === 569) ?
selectedTags = selectedTags.filter(t => t.id !== 569) :
selectedTags.push({
id: 569,
name: `Bullying`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 569),
'text-white': selectedTags.find(t => t.id ===
569)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bullying
t.id === 570) ?
selectedTags = selectedTags.filter(t => t.id !== 570) :
selectedTags.push({
id: 570,
name: `Dead Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 570),
'text-white': selectedTags.find(t => t.id ===
570)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dead Protagonist
t.id === 571) ?
selectedTags = selectedTags.filter(t => t.id !== 571) :
selectedTags.push({
id: 571,
name: `Age Regression`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 571),
'text-white': selectedTags.find(t => t.id ===
571)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Age Regression
t.id === 572) ?
selectedTags = selectedTags.filter(t => t.id !== 572) :
selectedTags.push({
id: 572,
name: `Conflicting Loyalties`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 572),
'text-white': selectedTags.find(t => t.id ===
572)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Conflicting Loyalties
t.id === 573) ?
selectedTags = selectedTags.filter(t => t.id !== 573) :
selectedTags.push({
id: 573,
name: `Bookworm`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 573),
'text-white': selectedTags.find(t => t.id ===
573)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bookworm
t.id === 574) ?
selectedTags = selectedTags.filter(t => t.id !== 574) :
selectedTags.push({
id: 574,
name: `Elderly Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 574),
'text-white': selectedTags.find(t => t.id ===
574)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Elderly Protagonist
t.id === 575) ?
selectedTags = selectedTags.filter(t => t.id !== 575) :
selectedTags.push({
id: 575,
name: `Cross-Dressing`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 575),
'text-white': selectedTags.find(t => t.id ===
575)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cross-Dressing
t.id === 576) ?
selectedTags = selectedTags.filter(t => t.id !== 576) :
selectedTags.push({
id: 576,
name: `Engineer`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 576),
'text-white': selectedTags.find(t => t.id ===
576)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Engineer
t.id === 577) ?
selectedTags = selectedTags.filter(t => t.id !== 577) :
selectedTags.push({
id: 577,
name: `Lawyers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 577),
'text-white': selectedTags.find(t => t.id ===
577)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lawyers
t.id === 578) ?
selectedTags = selectedTags.filter(t => t.id !== 578) :
selectedTags.push({
id: 578,
name: `Lovers Reunited`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 578),
'text-white': selectedTags.find(t => t.id ===
578)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Lovers Reunited
t.id === 579) ?
selectedTags = selectedTags.filter(t => t.id !== 579) :
selectedTags.push({
id: 579,
name: `Twins`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 579),
'text-white': selectedTags.find(t => t.id ===
579)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Twins
t.id === 580) ?
selectedTags = selectedTags.filter(t => t.id !== 580) :
selectedTags.push({
id: 580,
name: `Cute Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 580),
'text-white': selectedTags.find(t => t.id ===
580)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cute Protagonist
t.id === 581) ?
selectedTags = selectedTags.filter(t => t.id !== 581) :
selectedTags.push({
id: 581,
name: `Love Rivals`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 581),
'text-white': selectedTags.find(t => t.id ===
581)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Love Rivals
t.id === 582) ?
selectedTags = selectedTags.filter(t => t.id !== 582) :
selectedTags.push({
id: 582,
name: `Based On A Visual Novel`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 582),
'text-white': selectedTags.find(t => t.id ===
582)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Based On A Visual Novel
t.id === 583) ?
selectedTags = selectedTags.filter(t => t.id !== 583) :
selectedTags.push({
id: 583,
name: `Dishonest Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 583),
'text-white': selectedTags.find(t => t.id ===
583)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dishonest Protagonist
t.id === 584) ?
selectedTags = selectedTags.filter(t => t.id !== 584) :
selectedTags.push({
id: 584,
name: `Prison`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 584),
'text-white': selectedTags.find(t => t.id ===
584)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Prison
t.id === 585) ?
selectedTags = selectedTags.filter(t => t.id !== 585) :
selectedTags.push({
id: 585,
name: `Dreams`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 585),
'text-white': selectedTags.find(t => t.id ===
585)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dreams
t.id === 586) ?
selectedTags = selectedTags.filter(t => t.id !== 586) :
selectedTags.push({
id: 586,
name: `Guilds`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 586),
'text-white': selectedTags.find(t => t.id ===
586)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Guilds
t.id === 587) ?
selectedTags = selectedTags.filter(t => t.id !== 587) :
selectedTags.push({
id: 587,
name: `Psychopaths`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 587),
'text-white': selectedTags.find(t => t.id ===
587)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Psychopaths
t.id === 588) ?
selectedTags = selectedTags.filter(t => t.id !== 588) :
selectedTags.push({
id: 588,
name: `Selfless Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 588),
'text-white': selectedTags.find(t => t.id ===
588)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Selfless Protagonist
t.id === 589) ?
selectedTags = selectedTags.filter(t => t.id !== 589) :
selectedTags.push({
id: 589,
name: `Returning From Another World`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 589),
'text-white': selectedTags.find(t => t.id ===
589)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Returning From Another World
t.id === 590) ?
selectedTags = selectedTags.filter(t => t.id !== 590) :
selectedTags.push({
id: 590,
name: `Warhammer`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 590),
'text-white': selectedTags.find(t => t.id ===
590)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Warhammer
t.id === 591) ?
selectedTags = selectedTags.filter(t => t.id !== 591) :
selectedTags.push({
id: 591,
name: `Models`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 591),
'text-white': selectedTags.find(t => t.id ===
591)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Models
t.id === 592) ?
selectedTags = selectedTags.filter(t => t.id !== 592) :
selectedTags.push({
id: 592,
name: `Tomboyish Female Lead`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 592),
'text-white': selectedTags.find(t => t.id ===
592)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Tomboyish Female Lead
t.id === 593) ?
selectedTags = selectedTags.filter(t => t.id !== 593) :
selectedTags.push({
id: 593,
name: `Clubs`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 593),
'text-white': selectedTags.find(t => t.id ===
593)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clubs
t.id === 594) ?
selectedTags = selectedTags.filter(t => t.id !== 594) :
selectedTags.push({
id: 594,
name: `Pokemon`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 594),
'text-white': selectedTags.find(t => t.id ===
594)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pokemon
t.id === 595) ?
selectedTags = selectedTags.filter(t => t.id !== 595) :
selectedTags.push({
id: 595,
name: `Cousins`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 595),
'text-white': selectedTags.find(t => t.id ===
595)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cousins
t.id === 596) ?
selectedTags = selectedTags.filter(t => t.id !== 596) :
selectedTags.push({
id: 596,
name: `Reporters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 596),
'text-white': selectedTags.find(t => t.id ===
596)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reporters
t.id === 597) ?
selectedTags = selectedTags.filter(t => t.id !== 597) :
selectedTags.push({
id: 597,
name: `Soldiers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 597),
'text-white': selectedTags.find(t => t.id ===
597)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Soldiers
t.id === 598) ?
selectedTags = selectedTags.filter(t => t.id !== 598) :
selectedTags.push({
id: 598,
name: `Stoic Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 598),
'text-white': selectedTags.find(t => t.id ===
598)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Stoic Characters
t.id === 599) ?
selectedTags = selectedTags.filter(t => t.id !== 599) :
selectedTags.push({
id: 599,
name: `Teamwork`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 599),
'text-white': selectedTags.find(t => t.id ===
599)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Teamwork
t.id === 600) ?
selectedTags = selectedTags.filter(t => t.id !== 600) :
selectedTags.push({
id: 600,
name: `Bleach`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 600),
'text-white': selectedTags.find(t => t.id ===
600)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bleach
t.id === 601) ?
selectedTags = selectedTags.filter(t => t.id !== 601) :
selectedTags.push({
id: 601,
name: `Fat To Fit`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 601),
'text-white': selectedTags.find(t => t.id ===
601)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fat To Fit
t.id === 602) ?
selectedTags = selectedTags.filter(t => t.id !== 602) :
selectedTags.push({
id: 602,
name: `Androgynous Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 602),
'text-white': selectedTags.find(t => t.id ===
602)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Androgynous Characters
t.id === 603) ?
selectedTags = selectedTags.filter(t => t.id !== 603) :
selectedTags.push({
id: 603,
name: `Genies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 603),
'text-white': selectedTags.find(t => t.id ===
603)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Genies
t.id === 604) ?
selectedTags = selectedTags.filter(t => t.id !== 604) :
selectedTags.push({
id: 604,
name: `Herbalist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 604),
'text-white': selectedTags.find(t => t.id ===
604)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Herbalist
t.id === 605) ?
selectedTags = selectedTags.filter(t => t.id !== 605) :
selectedTags.push({
id: 605,
name: `Adapted To Drama`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 605),
'text-white': selectedTags.find(t => t.id ===
605)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Drama
t.id === 606) ?
selectedTags = selectedTags.filter(t => t.id !== 606) :
selectedTags.push({
id: 606,
name: `Unlucky Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 606),
'text-white': selectedTags.find(t => t.id ===
606)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unlucky Protagonist
t.id === 607) ?
selectedTags = selectedTags.filter(t => t.id !== 607) :
selectedTags.push({
id: 607,
name: `Sentimental Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 607),
'text-white': selectedTags.find(t => t.id ===
607)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sentimental Protagonist
t.id === 608) ?
selectedTags = selectedTags.filter(t => t.id !== 608) :
selectedTags.push({
id: 608,
name: `Autism`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 608),
'text-white': selectedTags.find(t => t.id ===
608)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Autism
t.id === 609) ?
selectedTags = selectedTags.filter(t => t.id !== 609) :
selectedTags.push({
id: 609,
name: `Bodyguards`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 609),
'text-white': selectedTags.find(t => t.id ===
609)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bodyguards
t.id === 610) ?
selectedTags = selectedTags.filter(t => t.id !== 610) :
selectedTags.push({
id: 610,
name: `Sibling\'s Care`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 610),
'text-white': selectedTags.find(t => t.id ===
610)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sibling's Care
t.id === 611) ?
selectedTags = selectedTags.filter(t => t.id !== 611) :
selectedTags.push({
id: 611,
name: `Younger Brothers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 611),
'text-white': selectedTags.find(t => t.id ===
611)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Younger Brothers
t.id === 612) ?
selectedTags = selectedTags.filter(t => t.id !== 612) :
selectedTags.push({
id: 612,
name: `Shounen-Ai Subplot`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 612),
'text-white': selectedTags.find(t => t.id ===
612)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shounen-Ai Subplot
t.id === 613) ?
selectedTags = selectedTags.filter(t => t.id !== 613) :
selectedTags.push({
id: 613,
name: `Online Romance`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 613),
'text-white': selectedTags.find(t => t.id ===
613)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Online Romance
t.id === 614) ?
selectedTags = selectedTags.filter(t => t.id !== 614) :
selectedTags.push({
id: 614,
name: `Tribal Society`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 614),
'text-white': selectedTags.find(t => t.id ===
614)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Tribal Society
t.id === 615) ?
selectedTags = selectedTags.filter(t => t.id !== 615) :
selectedTags.push({
id: 615,
name: `Cohabitation`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 615),
'text-white': selectedTags.find(t => t.id ===
615)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cohabitation
t.id === 616) ?
selectedTags = selectedTags.filter(t => t.id !== 616) :
selectedTags.push({
id: 616,
name: `Nudity`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 616),
'text-white': selectedTags.find(t => t.id ===
616)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Nudity
t.id === 617) ?
selectedTags = selectedTags.filter(t => t.id !== 617) :
selectedTags.push({
id: 617,
name: `Divorce`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 617),
'text-white': selectedTags.find(t => t.id ===
617)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Divorce
t.id === 618) ?
selectedTags = selectedTags.filter(t => t.id !== 618) :
selectedTags.push({
id: 618,
name: `Co-Workers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 618),
'text-white': selectedTags.find(t => t.id ===
618)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Co-Workers
t.id === 619) ?
selectedTags = selectedTags.filter(t => t.id !== 619) :
selectedTags.push({
id: 619,
name: `Disfigurement`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 619),
'text-white': selectedTags.find(t => t.id ===
619)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Disfigurement
t.id === 620) ?
selectedTags = selectedTags.filter(t => t.id !== 620) :
selectedTags.push({
id: 620,
name: `Fallen Angels`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 620),
'text-white': selectedTags.find(t => t.id ===
620)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fallen Angels
t.id === 621) ?
selectedTags = selectedTags.filter(t => t.id !== 621) :
selectedTags.push({
id: 621,
name: `Heterochromia`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 621),
'text-white': selectedTags.find(t => t.id ===
621)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Heterochromia
t.id === 622) ?
selectedTags = selectedTags.filter(t => t.id !== 622) :
selectedTags.push({
id: 622,
name: `First Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 622),
'text-white': selectedTags.find(t => t.id ===
622)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
First Love
t.id === 623) ?
selectedTags = selectedTags.filter(t => t.id !== 623) :
selectedTags.push({
id: 623,
name: `Long-Distance Relationship`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 623),
'text-white': selectedTags.find(t => t.id ===
623)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Long-Distance Relationship
t.id === 624) ?
selectedTags = selectedTags.filter(t => t.id !== 624) :
selectedTags.push({
id: 624,
name: `Polyandry`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 624),
'text-white': selectedTags.find(t => t.id ===
624)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Polyandry
t.id === 625) ?
selectedTags = selectedTags.filter(t => t.id !== 625) :
selectedTags.push({
id: 625,
name: `Monster Society`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 625),
'text-white': selectedTags.find(t => t.id ===
625)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Monster Society
t.id === 626) ?
selectedTags = selectedTags.filter(t => t.id !== 626) :
selectedTags.push({
id: 626,
name: `Priestesses`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 626),
'text-white': selectedTags.find(t => t.id ===
626)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Priestesses
t.id === 627) ?
selectedTags = selectedTags.filter(t => t.id !== 627) :
selectedTags.push({
id: 627,
name: `Sibling Rivalry`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 627),
'text-white': selectedTags.find(t => t.id ===
627)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sibling Rivalry
t.id === 628) ?
selectedTags = selectedTags.filter(t => t.id !== 628) :
selectedTags.push({
id: 628,
name: `Arms Dealers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 628),
'text-white': selectedTags.find(t => t.id ===
628)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Arms Dealers
t.id === 629) ?
selectedTags = selectedTags.filter(t => t.id !== 629) :
selectedTags.push({
id: 629,
name: `Trap`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 629),
'text-white': selectedTags.find(t => t.id ===
629)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Trap
t.id === 630) ?
selectedTags = selectedTags.filter(t => t.id !== 630) :
selectedTags.push({
id: 630,
name: `Stalkers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 630),
'text-white': selectedTags.find(t => t.id ===
630)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Stalkers
t.id === 631) ?
selectedTags = selectedTags.filter(t => t.id !== 631) :
selectedTags.push({
id: 631,
name: `Blind Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 631),
'text-white': selectedTags.find(t => t.id ===
631)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Blind Protagonist
t.id === 632) ?
selectedTags = selectedTags.filter(t => t.id !== 632) :
selectedTags.push({
id: 632,
name: `Playful Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 632),
'text-white': selectedTags.find(t => t.id ===
632)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Playful Protagonist
t.id === 633) ?
selectedTags = selectedTags.filter(t => t.id !== 633) :
selectedTags.push({
id: 633,
name: `Photography`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 633),
'text-white': selectedTags.find(t => t.id ===
633)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Photography
t.id === 634) ?
selectedTags = selectedTags.filter(t => t.id !== 634) :
selectedTags.push({
id: 634,
name: `Clumsy Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 634),
'text-white': selectedTags.find(t => t.id ===
634)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Clumsy Love Interests
t.id === 635) ?
selectedTags = selectedTags.filter(t => t.id !== 635) :
selectedTags.push({
id: 635,
name: `Love Triangles`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 635),
'text-white': selectedTags.find(t => t.id ===
635)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Love Triangles
t.id === 636) ?
selectedTags = selectedTags.filter(t => t.id !== 636) :
selectedTags.push({
id: 636,
name: `Dystopia`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 636),
'text-white': selectedTags.find(t => t.id ===
636)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dystopia
t.id === 637) ?
selectedTags = selectedTags.filter(t => t.id !== 637) :
selectedTags.push({
id: 637,
name: `Terminal Illness`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 637),
'text-white': selectedTags.find(t => t.id ===
637)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Terminal Illness
t.id === 638) ?
selectedTags = selectedTags.filter(t => t.id !== 638) :
selectedTags.push({
id: 638,
name: `Fearless Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 638),
'text-white': selectedTags.find(t => t.id ===
638)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fearless Protagonist
t.id === 639) ?
selectedTags = selectedTags.filter(t => t.id !== 639) :
selectedTags.push({
id: 639,
name: `Unconditional Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 639),
'text-white': selectedTags.find(t => t.id ===
639)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unconditional Love
t.id === 640) ?
selectedTags = selectedTags.filter(t => t.id !== 640) :
selectedTags.push({
id: 640,
name: `Jealousy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 640),
'text-white': selectedTags.find(t => t.id ===
640)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Jealousy
t.id === 641) ?
selectedTags = selectedTags.filter(t => t.id !== 641) :
selectedTags.push({
id: 641,
name: `Dancers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 641),
'text-white': selectedTags.find(t => t.id ===
641)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dancers
t.id === 642) ?
selectedTags = selectedTags.filter(t => t.id !== 642) :
selectedTags.push({
id: 642,
name: `Feng Shui`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 642),
'text-white': selectedTags.find(t => t.id ===
642)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Feng Shui
t.id === 643) ?
selectedTags = selectedTags.filter(t => t.id !== 643) :
selectedTags.push({
id: 643,
name: `Reverse Harem`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 643),
'text-white': selectedTags.find(t => t.id ===
643)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reverse Harem
t.id === 644) ?
selectedTags = selectedTags.filter(t => t.id !== 644) :
selectedTags.push({
id: 644,
name: `Unrequited Love`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 644),
'text-white': selectedTags.find(t => t.id ===
644)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Unrequited Love
t.id === 645) ?
selectedTags = selectedTags.filter(t => t.id !== 645) :
selectedTags.push({
id: 645,
name: `Hospital`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 645),
'text-white': selectedTags.find(t => t.id ===
645)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hospital
t.id === 646) ?
selectedTags = selectedTags.filter(t => t.id !== 646) :
selectedTags.push({
id: 646,
name: `Eunuch`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 646),
'text-white': selectedTags.find(t => t.id ===
646)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Eunuch
t.id === 647) ?
selectedTags = selectedTags.filter(t => t.id !== 647) :
selectedTags.push({
id: 647,
name: `Adapted To Game`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 647),
'text-white': selectedTags.find(t => t.id ===
647)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Game
t.id === 648) ?
selectedTags = selectedTags.filter(t => t.id !== 648) :
selectedTags.push({
id: 648,
name: `Bdsm`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 648),
'text-white': selectedTags.find(t => t.id ===
648)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bdsm
t.id === 649) ?
selectedTags = selectedTags.filter(t => t.id !== 649) :
selectedTags.push({
id: 649,
name: `Kuudere`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 649),
'text-white': selectedTags.find(t => t.id ===
649)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Kuudere
t.id === 650) ?
selectedTags = selectedTags.filter(t => t.id !== 650) :
selectedTags.push({
id: 650,
name: `Hunter X Hunter`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 650),
'text-white': selectedTags.find(t => t.id ===
650)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Hunter X Hunter
t.id === 651) ?
selectedTags = selectedTags.filter(t => t.id !== 651) :
selectedTags.push({
id: 651,
name: `Mpreg`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 651),
'text-white': selectedTags.find(t => t.id ===
651)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mpreg
t.id === 652) ?
selectedTags = selectedTags.filter(t => t.id !== 652) :
selectedTags.push({
id: 652,
name: `Cryostasis`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 652),
'text-white': selectedTags.find(t => t.id ===
652)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cryostasis
t.id === 653) ?
selectedTags = selectedTags.filter(t => t.id !== 653) :
selectedTags.push({
id: 653,
name: `Genderless Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 653),
'text-white': selectedTags.find(t => t.id ===
653)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Genderless Protagonist
t.id === 654) ?
selectedTags = selectedTags.filter(t => t.id !== 654) :
selectedTags.push({
id: 654,
name: `Loneliness`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 654),
'text-white': selectedTags.find(t => t.id ===
654)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Loneliness
t.id === 655) ?
selectedTags = selectedTags.filter(t => t.id !== 655) :
selectedTags.push({
id: 655,
name: `Coma`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 655),
'text-white': selectedTags.find(t => t.id ===
655)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Coma
t.id === 656) ?
selectedTags = selectedTags.filter(t => t.id !== 656) :
selectedTags.push({
id: 656,
name: `Matriarchy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 656),
'text-white': selectedTags.find(t => t.id ===
656)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Matriarchy
t.id === 657) ?
selectedTags = selectedTags.filter(t => t.id !== 657) :
selectedTags.push({
id: 657,
name: `Adapted To Manhwa`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 657),
'text-white': selectedTags.find(t => t.id ===
657)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Manhwa
t.id === 658) ?
selectedTags = selectedTags.filter(t => t.id !== 658) :
selectedTags.push({
id: 658,
name: `Adapted To Movie`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 658),
'text-white': selectedTags.find(t => t.id ===
658)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted To Movie
t.id === 659) ?
selectedTags = selectedTags.filter(t => t.id !== 659) :
selectedTags.push({
id: 659,
name: `Delusions`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 659),
'text-white': selectedTags.find(t => t.id ===
659)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Delusions
t.id === 660) ?
selectedTags = selectedTags.filter(t => t.id !== 660) :
selectedTags.push({
id: 660,
name: `Sign Language`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 660),
'text-white': selectedTags.find(t => t.id ===
660)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sign Language
t.id === 661) ?
selectedTags = selectedTags.filter(t => t.id !== 661) :
selectedTags.push({
id: 661,
name: `Wishes`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 661),
'text-white': selectedTags.find(t => t.id ===
661)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Wishes
t.id === 662) ?
selectedTags = selectedTags.filter(t => t.id !== 662) :
selectedTags.push({
id: 662,
name: `Sculptors`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 662),
'text-white': selectedTags.find(t => t.id ===
662)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sculptors
t.id === 663) ?
selectedTags = selectedTags.filter(t => t.id !== 663) :
selectedTags.push({
id: 663,
name: `Slave Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 663),
'text-white': selectedTags.find(t => t.id ===
663)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Slave Protagonist
t.id === 664) ?
selectedTags = selectedTags.filter(t => t.id !== 664) :
selectedTags.push({
id: 664,
name: `Dungeon Master`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 664),
'text-white': selectedTags.find(t => t.id ===
664)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Dungeon Master
t.id === 665) ?
selectedTags = selectedTags.filter(t => t.id !== 665) :
selectedTags.push({
id: 665,
name: `Pretend Lovers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 665),
'text-white': selectedTags.find(t => t.id ===
665)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pretend Lovers
t.id === 666) ?
selectedTags = selectedTags.filter(t => t.id !== 666) :
selectedTags.push({
id: 666,
name: `Apartment Life`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 666),
'text-white': selectedTags.find(t => t.id ===
666)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Apartment Life
t.id === 667) ?
selectedTags = selectedTags.filter(t => t.id !== 667) :
selectedTags.push({
id: 667,
name: `Mysterious Illness`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 667),
'text-white': selectedTags.find(t => t.id ===
667)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mysterious Illness
t.id === 668) ?
selectedTags = selectedTags.filter(t => t.id !== 668) :
selectedTags.push({
id: 668,
name: `Social Outcasts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 668),
'text-white': selectedTags.find(t => t.id ===
668)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Social Outcasts
t.id === 669) ?
selectedTags = selectedTags.filter(t => t.id !== 669) :
selectedTags.push({
id: 669,
name: `Inferiority Complex`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 669),
'text-white': selectedTags.find(t => t.id ===
669)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Inferiority Complex
t.id === 670) ?
selectedTags = selectedTags.filter(t => t.id !== 670) :
selectedTags.push({
id: 670,
name: `Coming Of Age`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 670),
'text-white': selectedTags.find(t => t.id ===
670)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Coming Of Age
t.id === 671) ?
selectedTags = selectedTags.filter(t => t.id !== 671) :
selectedTags.push({
id: 671,
name: `Introverted Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 671),
'text-white': selectedTags.find(t => t.id ===
671)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Introverted Protagonist
t.id === 672) ?
selectedTags = selectedTags.filter(t => t.id !== 672) :
selectedTags.push({
id: 672,
name: `Shoujo-Ai Subplot`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 672),
'text-white': selectedTags.find(t => t.id ===
672)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shoujo-Ai Subplot
t.id === 673) ?
selectedTags = selectedTags.filter(t => t.id !== 673) :
selectedTags.push({
id: 673,
name: `Yu-Gi-Oh!`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 673),
'text-white': selectedTags.find(t => t.id ===
673)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Yu-Gi-Oh!
t.id === 674) ?
selectedTags = selectedTags.filter(t => t.id !== 674) :
selectedTags.push({
id: 674,
name: `Bestiality`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 674),
'text-white': selectedTags.find(t => t.id ===
674)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bestiality
t.id === 675) ?
selectedTags = selectedTags.filter(t => t.id !== 675) :
selectedTags.push({
id: 675,
name: `Golems`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 675),
'text-white': selectedTags.find(t => t.id ===
675)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Golems
t.id === 676) ?
selectedTags = selectedTags.filter(t => t.id !== 676) :
selectedTags.push({
id: 676,
name: `Anti-Magic`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 676),
'text-white': selectedTags.find(t => t.id ===
676)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Anti-Magic
t.id === 677) ?
selectedTags = selectedTags.filter(t => t.id !== 677) :
selectedTags.push({
id: 677,
name: `Fat Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 677),
'text-white': selectedTags.find(t => t.id ===
677)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fat Protagonist
t.id === 678) ?
selectedTags = selectedTags.filter(t => t.id !== 678) :
selectedTags.push({
id: 678,
name: `Reincarnated As An Object`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 678),
'text-white': selectedTags.find(t => t.id ===
678)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reincarnated As An Object
t.id === 679) ?
selectedTags = selectedTags.filter(t => t.id !== 679) :
selectedTags.push({
id: 679,
name: `Rivalry`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 679),
'text-white': selectedTags.find(t => t.id ===
679)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Rivalry
t.id === 680) ?
selectedTags = selectedTags.filter(t => t.id !== 680) :
selectedTags.push({
id: 680,
name: `Childish Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 680),
'text-white': selectedTags.find(t => t.id ===
680)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Childish Protagonist
t.id === 681) ?
selectedTags = selectedTags.filter(t => t.id !== 681) :
selectedTags.push({
id: 681,
name: `Weak Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 681),
'text-white': selectedTags.find(t => t.id ===
681)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Weak Protagonist
t.id === 682) ?
selectedTags = selectedTags.filter(t => t.id !== 682) :
selectedTags.push({
id: 682,
name: `Pilots`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 682),
'text-white': selectedTags.find(t => t.id ===
682)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Pilots
t.id === 683) ?
selectedTags = selectedTags.filter(t => t.id !== 683) :
selectedTags.push({
id: 683,
name: `Awkward Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 683),
'text-white': selectedTags.find(t => t.id ===
683)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Awkward Protagonist
t.id === 684) ?
selectedTags = selectedTags.filter(t => t.id !== 684) :
selectedTags.push({
id: 684,
name: `Terrorists`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 684),
'text-white': selectedTags.find(t => t.id ===
684)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Terrorists
t.id === 685) ?
selectedTags = selectedTags.filter(t => t.id !== 685) :
selectedTags.push({
id: 685,
name: `Omegaverse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 685),
'text-white': selectedTags.find(t => t.id ===
685)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Omegaverse
t.id === 686) ?
selectedTags = selectedTags.filter(t => t.id !== 686) :
selectedTags.push({
id: 686,
name: `Schizophrenia`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 686),
'text-white': selectedTags.find(t => t.id ===
686)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Schizophrenia
t.id === 687) ?
selectedTags = selectedTags.filter(t => t.id !== 687) :
selectedTags.push({
id: 687,
name: `Seme Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 687),
'text-white': selectedTags.find(t => t.id ===
687)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Seme Protagonist
t.id === 688) ?
selectedTags = selectedTags.filter(t => t.id !== 688) :
selectedTags.push({
id: 688,
name: `Body Swap`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 688),
'text-white': selectedTags.find(t => t.id ===
688)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Body Swap
t.id === 689) ?
selectedTags = selectedTags.filter(t => t.id !== 689) :
selectedTags.push({
id: 689,
name: `Sharing A Body`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 689),
'text-white': selectedTags.find(t => t.id ===
689)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Sharing A Body
t.id === 690) ?
selectedTags = selectedTags.filter(t => t.id !== 690) :
selectedTags.push({
id: 690,
name: `Grave Keepers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 690),
'text-white': selectedTags.find(t => t.id ===
690)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Grave Keepers
t.id === 691) ?
selectedTags = selectedTags.filter(t => t.id !== 691) :
selectedTags.push({
id: 691,
name: `Cute Story`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 691),
'text-white': selectedTags.find(t => t.id ===
691)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cute Story
t.id === 692) ?
selectedTags = selectedTags.filter(t => t.id !== 692) :
selectedTags.push({
id: 692,
name: `Quiet Characters`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 692),
'text-white': selectedTags.find(t => t.id ===
692)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Quiet Characters
t.id === 693) ?
selectedTags = selectedTags.filter(t => t.id !== 693) :
selectedTags.push({
id: 693,
name: `Honest Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 693),
'text-white': selectedTags.find(t => t.id ===
693)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Honest Protagonist
t.id === 694) ?
selectedTags = selectedTags.filter(t => t.id !== 694) :
selectedTags.push({
id: 694,
name: `Court Official`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 694),
'text-white': selectedTags.find(t => t.id ===
694)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Court Official
t.id === 695) ?
selectedTags = selectedTags.filter(t => t.id !== 695) :
selectedTags.push({
id: 695,
name: `Confinement`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 695),
'text-white': selectedTags.find(t => t.id ===
695)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Confinement
t.id === 696) ?
selectedTags = selectedTags.filter(t => t.id !== 696) :
selectedTags.push({
id: 696,
name: `Female To Male`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 696),
'text-white': selectedTags.find(t => t.id ===
696)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Female To Male
t.id === 697) ?
selectedTags = selectedTags.filter(t => t.id !== 697) :
selectedTags.push({
id: 697,
name: `Voice Actors`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 697),
'text-white': selectedTags.find(t => t.id ===
697)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Voice Actors
t.id === 698) ?
selectedTags = selectedTags.filter(t => t.id !== 698) :
selectedTags.push({
id: 698,
name: `Disabilities`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 698),
'text-white': selectedTags.find(t => t.id ===
698)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Disabilities
t.id === 699) ?
selectedTags = selectedTags.filter(t => t.id !== 699) :
selectedTags.push({
id: 699,
name: `Timid Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 699),
'text-white': selectedTags.find(t => t.id ===
699)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Timid Protagonist
t.id === 700) ?
selectedTags = selectedTags.filter(t => t.id !== 700) :
selectedTags.push({
id: 700,
name: `Neet`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 700),
'text-white': selectedTags.find(t => t.id ===
700)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Neet
t.id === 701) ?
selectedTags = selectedTags.filter(t => t.id !== 701) :
selectedTags.push({
id: 701,
name: `Manly Gay Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 701),
'text-white': selectedTags.find(t => t.id ===
701)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Manly Gay Couple
t.id === 702) ?
selectedTags = selectedTags.filter(t => t.id !== 702) :
selectedTags.push({
id: 702,
name: `Secret Crush`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 702),
'text-white': selectedTags.find(t => t.id ===
702)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Secret Crush
t.id === 703) ?
selectedTags = selectedTags.filter(t => t.id !== 703) :
selectedTags.push({
id: 703,
name: `Mangaka`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 703),
'text-white': selectedTags.find(t => t.id ===
703)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mangaka
t.id === 704) ?
selectedTags = selectedTags.filter(t => t.id !== 704) :
selectedTags.push({
id: 704,
name: `Spies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 704),
'text-white': selectedTags.find(t => t.id ===
704)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spies
t.id === 705) ?
selectedTags = selectedTags.filter(t => t.id !== 705) :
selectedTags.push({
id: 705,
name: `Depression`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 705),
'text-white': selectedTags.find(t => t.id ===
705)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Depression
t.id === 706) ?
selectedTags = selectedTags.filter(t => t.id !== 706) :
selectedTags.push({
id: 706,
name: `Spirit Users`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 706),
'text-white': selectedTags.find(t => t.id ===
706)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Spirit Users
t.id === 707) ?
selectedTags = selectedTags.filter(t => t.id !== 707) :
selectedTags.push({
id: 707,
name: `Straight Uke`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 707),
'text-white': selectedTags.find(t => t.id ===
707)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Straight Uke
t.id === 708) ?
selectedTags = selectedTags.filter(t => t.id !== 708) :
selectedTags.push({
id: 708,
name: `Friends Become Enemies`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 708),
'text-white': selectedTags.find(t => t.id ===
708)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Friends Become Enemies
t.id === 709) ?
selectedTags = selectedTags.filter(t => t.id !== 709) :
selectedTags.push({
id: 709,
name: `Reversible Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 709),
'text-white': selectedTags.find(t => t.id ===
709)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Reversible Couple
t.id === 710) ?
selectedTags = selectedTags.filter(t => t.id !== 710) :
selectedTags.push({
id: 710,
name: `Fantasy`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 710),
'text-white': selectedTags.find(t => t.id ===
710)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Fantasy
t.id === 711) ?
selectedTags = selectedTags.filter(t => t.id !== 711) :
selectedTags.push({
id: 711,
name: `Outdoor Intercourse`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 711),
'text-white': selectedTags.find(t => t.id ===
711)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Outdoor Intercourse
t.id === 712) ?
selectedTags = selectedTags.filter(t => t.id !== 712) :
selectedTags.push({
id: 712,
name: `Indecisive Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 712),
'text-white': selectedTags.find(t => t.id ===
712)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Indecisive Protagonist
t.id === 713) ?
selectedTags = selectedTags.filter(t => t.id !== 713) :
selectedTags.push({
id: 713,
name: `Butlers`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 713),
'text-white': selectedTags.find(t => t.id ===
713)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Butlers
t.id === 714) ?
selectedTags = selectedTags.filter(t => t.id !== 714) :
selectedTags.push({
id: 714,
name: `Ugly Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 714),
'text-white': selectedTags.find(t => t.id ===
714)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Ugly Protagonist
t.id === 715) ?
selectedTags = selectedTags.filter(t => t.id !== 715) :
selectedTags.push({
id: 715,
name: `Divine Protection`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 715),
'text-white': selectedTags.find(t => t.id ===
715)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Divine Protection
t.id === 716) ?
selectedTags = selectedTags.filter(t => t.id !== 716) :
selectedTags.push({
id: 716,
name: `Debts`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 716),
'text-white': selectedTags.find(t => t.id ===
716)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Debts
t.id === 717) ?
selectedTags = selectedTags.filter(t => t.id !== 717) :
selectedTags.push({
id: 717,
name: `Nurses`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 717),
'text-white': selectedTags.find(t => t.id ===
717)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Nurses
t.id === 718) ?
selectedTags = selectedTags.filter(t => t.id !== 718) :
selectedTags.push({
id: 718,
name: `Futanari`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 718),
'text-white': selectedTags.find(t => t.id ===
718)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Futanari
t.id === 719) ?
selectedTags = selectedTags.filter(t => t.id !== 719) :
selectedTags.push({
id: 719,
name: `Incubus`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 719),
'text-white': selectedTags.find(t => t.id ===
719)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Incubus
t.id === 720) ?
selectedTags = selectedTags.filter(t => t.id !== 720) :
selectedTags.push({
id: 720,
name: `Magical Girls`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 720),
'text-white': selectedTags.find(t => t.id ===
720)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Magical Girls
t.id === 721) ?
selectedTags = selectedTags.filter(t => t.id !== 721) :
selectedTags.push({
id: 721,
name: `Bands`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 721),
'text-white': selectedTags.find(t => t.id ===
721)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Bands
t.id === 722) ?
selectedTags = selectedTags.filter(t => t.id !== 722) :
selectedTags.push({
id: 722,
name: `Mute Character`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 722),
'text-white': selectedTags.find(t => t.id ===
722)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mute Character
t.id === 723) ?
selectedTags = selectedTags.filter(t => t.id !== 723) :
selectedTags.push({
id: 723,
name: `Roommates`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 723),
'text-white': selectedTags.find(t => t.id ===
723)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Roommates
t.id === 724) ?
selectedTags = selectedTags.filter(t => t.id !== 724) :
selectedTags.push({
id: 724,
name: `Cosplay`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 724),
'text-white': selectedTags.find(t => t.id ===
724)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Cosplay
t.id === 725) ?
selectedTags = selectedTags.filter(t => t.id !== 725) :
selectedTags.push({
id: 725,
name: `Misandry`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 725),
'text-white': selectedTags.find(t => t.id ===
725)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Misandry
t.id === 726) ?
selectedTags = selectedTags.filter(t => t.id !== 726) :
selectedTags.push({
id: 726,
name: `Glasses-Wearing Love Interests`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 726),
'text-white': selectedTags.find(t => t.id ===
726)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Glasses-Wearing Love Interests
t.id === 727) ?
selectedTags = selectedTags.filter(t => t.id !== 727) :
selectedTags.push({
id: 727,
name: `Adapted From Manga`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 727),
'text-white': selectedTags.find(t => t.id ===
727)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Adapted From Manga
t.id === 728) ?
selectedTags = selectedTags.filter(t => t.id !== 728) :
selectedTags.push({
id: 728,
name: `Delinquents`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 728),
'text-white': selectedTags.find(t => t.id ===
728)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Delinquents
t.id === 729) ?
selectedTags = selectedTags.filter(t => t.id !== 729) :
selectedTags.push({
id: 729,
name: `Mismatched Couple`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 729),
'text-white': selectedTags.find(t => t.id ===
729)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Mismatched Couple
t.id === 730) ?
selectedTags = selectedTags.filter(t => t.id !== 730) :
selectedTags.push({
id: 730,
name: `Student Council`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 730),
'text-white': selectedTags.find(t => t.id ===
730)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Student Council
t.id === 731) ?
selectedTags = selectedTags.filter(t => t.id !== 731) :
selectedTags.push({
id: 731,
name: `Non-Linear Storytelling`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 731),
'text-white': selectedTags.find(t => t.id ===
731)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Non-Linear Storytelling
t.id === 732) ?
selectedTags = selectedTags.filter(t => t.id !== 732) :
selectedTags.push({
id: 732,
name: `Shota`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 732),
'text-white': selectedTags.find(t => t.id ===
732)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Shota
t.id === 733) ?
selectedTags = selectedTags.filter(t => t.id !== 733) :
selectedTags.push({
id: 733,
name: `Blind Dates`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 733),
'text-white': selectedTags.find(t => t.id ===
733)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Blind Dates
t.id === 734) ?
selectedTags = selectedTags.filter(t => t.id !== 734) :
selectedTags.push({
id: 734,
name: `Glasses-Wearing Protagonist`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 734),
'text-white': selectedTags.find(t => t.id ===
734)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Glasses-Wearing Protagonist
t.id === 735) ?
selectedTags = selectedTags.filter(t => t.id !== 735) :
selectedTags.push({
id: 735,
name: `Transported Modern Structure`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 735),
'text-white': selectedTags.find(t => t.id ===
735)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Transported Modern Structure
t.id === 736) ?
selectedTags = selectedTags.filter(t => t.id !== 736) :
selectedTags.push({
id: 736,
name: `Collection Of Short Stories`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 736),
'text-white': selectedTags.find(t => t.id ===
736)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Collection Of Short Stories
t.id === 737) ?
selectedTags = selectedTags.filter(t => t.id !== 737) :
selectedTags.push({
id: 737,
name: `Gladiators`
})"
:class="{
'bg-amber-500': selectedTags.find(t => t.id === 737),
'text-white': selectedTags.find(t => t.id ===
737)
}"
class="whitespace-nowrap rounded-full bg-dark-300 px-3 py-1 text-sm font-medium text-gray-300 hover:bg-amber-500/20">
Gladiators