Challenge 1 / 1

Suppose you have this code:

import Legend from '@/components/legend';

When you run the code, this successfully loads the /assets/js/vue/components/legend.vue file. How does this work?

Vue adds a shortcut where the @ symbol resolves to the root directory where the top level component is created (e.g. assets/js/vue).

In Webpack, the @ symbol gets you to the root of the "entry" file.

The project must have a Webpack Alias for @ configured.

This project must have a Vue "directory root" set for the @ symbol.