mirror of https://github.com/nuxt/nuxt.git
Merge pull request #3255 from miljan-aleksic/feature/with-vuikit
add Vuikit example
This commit is contained in:
commit
3d8f51b8c9
|
@ -0,0 +1,3 @@
|
|||
# Nuxt with Vuikit
|
||||
|
||||
https://vuikit.js.org
|
|
@ -0,0 +1,5 @@
|
|||
<template>
|
||||
<div class="uk-container">
|
||||
<nuxt/>
|
||||
</div>
|
||||
</template>
|
|
@ -0,0 +1,6 @@
|
|||
export default {
|
||||
css: ['@vuikit/theme'],
|
||||
plugins: [
|
||||
'~/plugins/vuikit.js'
|
||||
]
|
||||
}
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"name": "nuxt-with-vuikit",
|
||||
"dependencies": {
|
||||
"@vuikit/icons": "latest",
|
||||
"@vuikit/theme": "latest",
|
||||
"nuxt-edge": "latest",
|
||||
"vuikit": "latest"
|
||||
},
|
||||
"scripts": {
|
||||
"dev": "nuxt",
|
||||
"build": "nuxt build",
|
||||
"start": "nuxt start"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,19 @@
|
|||
<template>
|
||||
<vk-card type="primary">
|
||||
<vk-card-title>Nuxt + Vuikit</vk-card-title>
|
||||
<div class="uk-inline">
|
||||
<vk-button>Hover</vk-button>
|
||||
<vk-dropdown>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
|
||||
</vk-dropdown>
|
||||
</div>
|
||||
<div class="uk-inline">
|
||||
<vk-button>Click</vk-button>
|
||||
<vk-dropdown mode="click">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
|
||||
</vk-dropdown>
|
||||
</div>
|
||||
<hr class="uk-divider-icon">
|
||||
<vk-icon icon="heart"></vk-icon>
|
||||
</vk-card>
|
||||
</template>
|
|
@ -0,0 +1,6 @@
|
|||
import Vue from 'vue'
|
||||
import Vuikit from 'vuikit'
|
||||
import VuikitIcons from '@vuikit/icons'
|
||||
|
||||
Vue.use(Vuikit)
|
||||
Vue.use(VuikitIcons)
|
Loading…
Reference in New Issue