Lazy load EditDialog component

[DavidGolodetsky]

Actual: On the Games and Game pages we have an edit action. When it's clicked an EditDialog is opened. But the dialog is loaded with the whole page, even if the user doesn't want to edit anything.

Expected: Only when user clicks the edit action the EditDialog would load.

Tech notes: You can check the desired behaviour if you'll place a v-if directive on the actions slot. Then once it's truthy the component will be fetched via dynamic imports.
You can also make use of webpack magic comments to identify a chunk.
GamesEditDialog: () => import(/* webpackChunkName: 'GamesEditDialog' */ '@/components/GamesEditDialog.vue')

[alexjharrison]

I'd like to be assigned this issue. Thanks.