كيفية استخدام الدالة stream_with_context لعمل عداد counter في فلاسك Flask؟

لا يمكنني معرفة كيفية استخدام Flask's streaming. هذا هو الكود الخاص بي:

from flask import Flask, url_for, render_template, Response, stream_with_context
from time import sleep

app = Flask(__name__)

@app.route('/')
def counter():
    def generate():
        yield render_template('index.html')
        
        for i in range(50):
            sleep(1)	# التوقف لثانية واحدة
            yield render_template('index.html', **locals())	# تمرير كل المتغيرات المحلية إلى القالب
            
    return Response(stream_with_context(generate()))	# إرجاع رد يتضمن stream

if __name__ == "__main__":
    app.run(debug=True)

في القالب Template أقوم بطباعة المتغير i :

<p>{{ i }}</p>

أود أن أرى عدادًا على الصفحة يتغير كل ثانية. لكن بدلاً من ذلك، يتم طباعة كل رقم في سطر جديد والصفحة لا تنتهي من التحميل إلا عند الإنتهاء من الحلقة بالكامل أي بعد 50 ثانية.