Challenge 1 / 1

Suppose you have the following Stimulus controller, which enables the "click outside" functionality. What is it missing?

import { Controller } from 'stimulus';
import { useClickOutside  } from 'stimulus-use';

export default class extends Controller {
    static values = {
        url: String,
    }

    clickOutside(event) {
        // some interesting code here...
    }
}

The clickOutside() method should be prefixed with async

The useClickOutside feature must be initialized in the connect() method

The controller is missing a target that defines which element is being clicked outside of.

Nothing! It's perfect! Pure "click outside" poetry!

Rewatch the video