Dynamic URL for products, ecommerce in Nuxt

_p_slug.vue

<template>
	<div class="mi-producto">
		{{ product }}
	</div>
</template>

<script>
	import { mapState } from 'vuex';
	
	export default {
		head () {
			return {
				title: `Mi producto`
			}
		},
		components: {
			
		},
		async fetch({ $axios, store, params, error }) {

			try{
				//la ruta del api seria de la forma /producto/cocina-de-gas
				let product = await $axios.$get(`/producto/${params.p_slug}`);

				//aca estoy usando un modulo de mi store principal llamado product
				//Esto quiere decir que en mi store tengo un archivo asi /product/single.js y la mutación
				//con nombre setProduct
				//Guardo la respuesta de mi API en mi store para usarlo en mi vista del producto
				store.commit( 'product/single/setProduct', product.data );

			}catch(e){
				error ({statusCode :  404 , mensaje :  'Existe algun error' });
			}
		},
		data(){
			return {
				
			}
		},//Aca estoy trayendo mi objeto product que contiene toda la data de mi producto
		computed: {
			...mapState({
				product: state => state.product.single.product
			})
		},
		created(){

		},
		beforeMount () {

		},
		mounted(){

		},
		methods: {

		}
	}

</script>

<style lang="scss" scoped>

</style>