ProductTile.vue

<template>
  <div
    class="product relative align-center w-100 pb20"
    v-observe-visibility="visibilityChanged"
  >
    <wishlist-button class="wishlist-button" :product="product" />
    <!-- ... -->
  </div>
</template>

<script>
import rootStore from '@vue-storefront/core/store'
import { ProductTile } from '@vue-storefront/core/modules/catalog/components/ProductTile.ts'

export default {
  components: {
    'WishlistButton': () => import(/* webpackChunkName: "wishlistButton" */'theme/components/theme/blocks/Wishlist/AddToWishlistButton')
  },
  // ...
}
</script>

<style lang="scss" scoped>
// ...

.root.wishlist-button {
  position: absolute;
  top: 222px;
  right: 12px;
  z-index: 1;
}
</style>