Fomantic-UI Vue provides UI components based on Fomantic-UI.
$ npm install vue-fomantic-ui
$ npm install fomantic-ui-css
# or
$ yarn add vue-fomantic-ui
$ yarn add fomantic-ui-css
You can import all components as Vue plugin.
import { createApp } from 'vue'
import App from './App.vue'
import FomanticUI from 'vue-fomantic-ui'
import 'fomantic-ui-css/semantic.min.css'
const app = createApp(App)
app.use(FomanticUI)
Or pick a component indivisually, add it to your components option.
import { SuiButton } from 'vue-fomantic-ui'
export default {
components: { SuiButton },
// ...
}