Vue bindings #

In order to enable type checking and intellisense for Liquid components in your Vue project, simply import the Vue binding and use it as you would use any other Vue component.

While type checking and intellisense work well when using Visual Studio Code in combination with the Volar plugin, we found that JetBrains' bundled Vue plugin is not yet capable of providing equivalent features.

import { LdButton } from '@emdgroup-liquid/liquid/dist/vue'
import { defineComponent } from 'vue'

export default defineComponent({
  components: {
    LdButton,
  },
})

For more details on Vue integration check out our sandbox apps or read the Stencil documentation.