Challenge 1 / 1

Given this very basic template:

<html>
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>

How can we disable turbo on this page?

<html data-turbo="false">
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>

<html>
    <head>
        <title>My Template</title>
        <meta data-turbo="false">
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>

<html>
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body data-turbo="false">
        {% block body %}{% endblock %}
    </body>
</html>

Once you install and set up turbo (i.e. include Turbo in your main JavaScript entry), you cannot disable it, except on a link-by-link basis.

Rewatch the video