Custom Prismic slice rendering in Nuxtjs

slice-rnderring.vue

<template>
  <div class="container">
   
    <div class="flex">
      <slice-zone class="subtitle"
 :slices="page.data.body1" 
:resolver="resolver" />
    </div>
  </div>
</template>

<script>
import SliceZone from "vue-slicezone";
import * as Slices from "@/slices";
 
export default {
  
  mounted() {},
  async asyncData({ $prismic }) {
    return {
      page: await $prismic.api.getSingle("home"),
    };
  },
  components: {
    SliceZone,
  },
  
  data() {
    return {
      
    };
  },
  methods: {
    resolver({ sliceName, slice, i }) {
      return Slices[sliceName];
    },
  },
};
</script>