Installation

A quick tutorial to walk through installing the packages, as well as the supported plugins.

Installing the package

$ npm add @oku-ui/motion

Adding the plugin

import { createApp } from 'vue'
import { motionPlugin } from '@oku-ui/motion'

const app = createApp({})
app.use(motionPlugin)
app.mount('#app')

Nuxt modules

Oku Motion offers Nuxt modules support.

In nuxt.config.ts, simply add @oku-ui/motion/nuxt into the modules, and it will auto-imports all the components for you.

export default defineNuxtConfig({
  modules: ['@oku-ui/motion/nuxt'],
})

unplugin-vue-components

Oku Motion also has resolver for the popular unplugin-vue-components.

In vite.config.ts, import @oku-ui/motion/resolver, and configure as such and it will auto-imports all the components from Oku Motion.

import Components from 'unplugin-vue-components/vite'
import OkuMotionResolver from '@oku-ui/motion/resolver'

export default defineConfig({
  plugins: [
    vue(),
    Components({
      dts: true,
      resolvers: [
        OkuMotionResolver()

        // OkuMotionResolver({
        //   prefix: '' // use the prefix option to add Prefix to the imported components
        // })
      ],
    }),
  ],
})