Automne

Implement some more creative components by vue3 and unocss.

Usage

Full Import

pnpm i automne-vue -S

Add automne-vue in your main entry file.

// main.ts
import { createApp } from 'vue'
import { automne } from 'automne-vue'
import 'automne-vue/dist/style.css'
import App from './App.vue'

createApp(App).use(automne).mount('#app')

On-demand Import

You need to use an additional plugin to import components you used. First you need to install unplugin-vue-components.

pnpm i -D unplugin-vue-components

Then add the code below into your Vite config file.

// vite.config.ts
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { AutomneComponentResolver } from 'automne-vue'

export default defineConfig({
  // ...
  plugins: [
    // ...
    Components({
      resolvers: [AutomneComponentResolver()],
    }),
  ],
})

License

MIT License © 2023 chinbor