|
|
|
@@ -3,7 +3,7 @@ |
|
|
|
<div class="container-name">{{container.name.capital}}</div> |
|
|
|
<div class="container-contents"> |
|
|
|
<transition-group name="prey"> |
|
|
|
<div :class="{ 'container-prey': true, 'container-prey-live': prey.vigors.Health > 0, 'container-prey-dead': prey.vigors.Health <= 0 }" v-for="(prey, index) in container.contents.concat(container.digested)" :key="'live-prey-' + index">{{prey.name}}</div> |
|
|
|
<div :class="{ 'container-prey': true, 'container-prey-live': prey.vigors.Health > 0, 'container-prey-dead': prey.vigors.Health <= 0 }" v-for="(prey, index) in container.contents.concat(container.digested)" :key="'live-prey-' + index">{{prey.name.all}}</div> |
|
|
|
</transition-group> |
|
|
|
</div> |
|
|
|
<canvas class="container-waves"></canvas> |
|
|
|
|