# Events

Vue Glide provide Glide.js event with prefix `glide:` and replace dot to dash. Also Vue Glide provide one custom event for click by slide.

## glide:mount-before

Called before first mounting begins. However, the mounting phase has not been started, and components are not bootstrapped yet.

## glide:mount-after

Called right after first mounting. All components have been mounted.

## glide:update

Called right after updating settings with `glide.update()` API method.

## glide:play

Called right after starting an instance with `glide.play()` API method.

## glide:pause

Called right after stopping instance with `glide.pause()` API method.

## glide:build-before

Called right before setting up a slider to its initial state. At this point, classes, translations, and sizes are applied.

## glide:build-after

Called right after setting up a slider to its initial state. At this point, classes, translations, and sizes are applied.

## glide:run-before

**payload**: `{Object} move`

Called right before calculating new index and making a transition. The movement schema `(eg. =1)` string has been parsed.


## glide:run

**payload**: `{Object} move`

Called right after calculating new index and before making a transition. The movement schema `(eg. =1)` string has been parsed.

## glide:run-after

**payload**: `{Object} move`

Called after calculating new index and making a transition. The movement schema `(eg. =1)` string has been parsed.


## glide:run-offset

**payload**: `{Object} move`

Called after calculating new index and making a transition, while we did an offset animation. Offset animation take place at two moments:

- changing slide from first to the last one
- changing slide from last to the first one

## glide:run-start

**payload**: `{Object} move`

Called right after calculating the new index, but before making a transition, while we did a rewinding to the start index.


## glide:run-end

**payload**: `{Object} move`

Called right after calculating the new index, but before making a transition, while we did a rewinding to the last index.

## glide:move

**payload**: `{Number} movement`

Called right before movement transition begins.

## glide:move-after

**payload**: `{Number} movement`

Called right after movement transition ends.

## glide:resize

Called when the window is being resized. This event throttled.

## glide:swipe-start

Called right after swiping begins.

## glide:swipe-move

Called during swiping movement.

## glide:swipe-end

Called right after swiping ends.

## glide:translate-jump

**payload**: `{Number} movement`

Called right before a translate applies, while we doing a jump to the first or last slide from offset movement. This event is only used when a type is set up to `carousel`.


## glide:slide-click 

**payload**: `{Number}` - index of the slide

Called right after clicking on the slide.