Get your own Vue server
App.vue
FoodItem.vue
main.js
 
<template>
    <div>
        <h2>{{ foodName }}</h2>
        <p>{{ foodDesc }}</p>
    </div>
</template>

<script>
export default {
    props: [
        'foodName',
        'foodDesc'
    ]
};
</script>                  
http://localhost:5173/