Отобразить атрибуты JSON API relationships во vue js

Подскажите пожалуйста,

мой метод fetchApp() во Vue.js выдает мне следующий ответ:

{
    "data": [
        {
            "type": "Appointment",
            "id": "2",
            "attributes": {},
            "relationships": {
                "patient": {
                    "data": {
                        "type": "Patient",
                        "id": "2"
                    }
                },
                "record": {
                    "data": {
                        "type": "Schedule",
                        "id": "1"
                    }
                }
            }
        }...

view.py метода:

class Appointments(generics.ListAPIView):
    permission_classes = [permissions.AllowAny, ]
    serializer_class = AppointmentFilterSerializer
    queryset = Appointment.objects.all()
    filter_backends = (filters.SearchFilter, DjangoFilterBackend)
    filter_fields = ('record__doctor__surname', 'patient__surname', 'record__doctor__type', 'record__app_time__date')

и serializer:

class AppointmentFilterSerializer(serializers.ModelSerializer):
    patient = serializers.SlugRelatedField(slug_field="name", read_only=True)
    record = serializers.SlugRelatedField(slug_field="name", read_only=True)

    class Meta:
        model = Appointment
        fields = ('patient', 'record', 'paid')

Моя проблема в следующем: я не знаю как обратиться к Patient, который находится в relationships, чтобы вывести его остальные атрибуты, помимо id. Буду очень благодарна за помощь!