Vue Js и Django получают поля из объектов ForeignKey

Я использую Django Rest Framework с Vue JS и в настоящее время не могу получить поля foreignkey из реальной модели api. Я хочу иметь возможность получить название магазина определенного товара. Всякий раз, когда я пытаюсь вызвать [[ product.store.name ]] в моем шаблоне vue, он ничего не возвращает. Также мой href не возвращает slug магазина. Это может быть простым решением, но я надеюсь получить решение. Ниже приведен мой код, спасибо.

class ProductSerializer(serializers.ModelSerializer):
    store = StoreSerializer(read_only=True)
    class Meta:
        model = Product
        fields = '__all__'