Переключатель Buefy не применяется к строкам

Я получаю некоторые результаты в цикле, который затем выводится в таблицу, но при применении элемента ‘switch’ из Buefy (набор Bulma UI) он будет применять его только к первому элементу в строке, а не ко всем последующим.

Вот HTML-код моего цикла:

        <?php
$query = $conn->prepare("SELECT *
FROM dashboard");
$query->execute();
$result = $query->fetchAll();
?>

<div class="container">
<div class="wrapper">
<div class="dashTable">

<div class="header">
<div class="col">Name</div>
<div class="col">Status</div>
<div class="col">Created</div>
<div class="col">Options</div>
</div>

<?php foreach($result as $row){ ?>
<div class="body"><div class="col">
<a title="View New Dashboard" href="../loading.php?dashboard_id=50">
<?php
echo $row['name'];
?>
</a>
</div>

<div class="col">
<!-- CLICK TO UPDATE STATUS -->
status
<div id="app1">
<template>
<section>
<div class="field">
<b-switch v-model="isSwitchedCustom"true-value="Active"false-value="Inactive" type="is-success">
{{ isSwitchedCustom }}
</b-switch>
</div>
</section>
</template>
</div>
</div>

<div class="col"><?php echo date( 'd-m-Y', strtotime($row['created_at']) ); ?></div>
<div class="col">
<span class="tag is-warning is-medium">
Edit
</span>
<span id="confirm-delete" class="tag is-danger is-medium" @click="confirmCustomDelete">
Delete
</span>
</div>

</div>
<?php } ?>
</div>
</div>
</div>

Я просто не уверен, почему после первого он не распространяется на все строки?