Detectar el estado de conexión del cable de acción

Tengo una aplicación Vue que se conecta a un back-end de Rails y necesito saber si la conexión está establecida o no.

En mi aplicación hago:

var app = new Vue({
    name: "Site",
    store,
    router,
    i18n,
    components: {},
    mixins: [],
    data: {
     cable: App.cable
    }
});

Sin embargo, cable.connection.disconnected siempre es cierto incluso cuando está realmente conectado.

¿Cómo puedo determinar de manera confiable (cuando sea necesario) cuál es el estado de la conexión?