From dd9995bf3adf4b5d0cded737f503cc85958ebf66 Mon Sep 17 00:00:00 2001
From: Miljan Aleksic <miljan@aleksic.es>
Date: Sun, 15 Apr 2018 17:20:48 +0800
Subject: [PATCH] add with-vuikit example

---
 examples/with-vuikit/README.md           |  3 +++
 examples/with-vuikit/layouts/default.vue |  5 +++++
 examples/with-vuikit/nuxt.config.js      |  6 ++++++
 examples/with-vuikit/package.json        | 14 ++++++++++++++
 examples/with-vuikit/pages/index.vue     | 19 +++++++++++++++++++
 examples/with-vuikit/plugins/vuikit.js   |  6 ++++++
 6 files changed, 53 insertions(+)
 create mode 100644 examples/with-vuikit/README.md
 create mode 100644 examples/with-vuikit/layouts/default.vue
 create mode 100644 examples/with-vuikit/nuxt.config.js
 create mode 100644 examples/with-vuikit/package.json
 create mode 100644 examples/with-vuikit/pages/index.vue
 create mode 100644 examples/with-vuikit/plugins/vuikit.js

diff --git a/examples/with-vuikit/README.md b/examples/with-vuikit/README.md
new file mode 100644
index 0000000000..ea14a1ccba
--- /dev/null
+++ b/examples/with-vuikit/README.md
@@ -0,0 +1,3 @@
+# Nuxt with Vuikit
+
+https://vuikit.js.org
diff --git a/examples/with-vuikit/layouts/default.vue b/examples/with-vuikit/layouts/default.vue
new file mode 100644
index 0000000000..a2a570ace7
--- /dev/null
+++ b/examples/with-vuikit/layouts/default.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="uk-container">
+    <nuxt/>
+  </div>
+</template>
diff --git a/examples/with-vuikit/nuxt.config.js b/examples/with-vuikit/nuxt.config.js
new file mode 100644
index 0000000000..2d9f22cd1a
--- /dev/null
+++ b/examples/with-vuikit/nuxt.config.js
@@ -0,0 +1,6 @@
+export default {
+  css: ['@vuikit/theme'],
+  plugins: [
+    '~/plugins/vuikit.js'
+  ]
+}
diff --git a/examples/with-vuikit/package.json b/examples/with-vuikit/package.json
new file mode 100644
index 0000000000..46aa4d8680
--- /dev/null
+++ b/examples/with-vuikit/package.json
@@ -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"
+  }
+}
diff --git a/examples/with-vuikit/pages/index.vue b/examples/with-vuikit/pages/index.vue
new file mode 100644
index 0000000000..d68251e432
--- /dev/null
+++ b/examples/with-vuikit/pages/index.vue
@@ -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>
diff --git a/examples/with-vuikit/plugins/vuikit.js b/examples/with-vuikit/plugins/vuikit.js
new file mode 100644
index 0000000000..1b09e54910
--- /dev/null
+++ b/examples/with-vuikit/plugins/vuikit.js
@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import Vuikit from 'vuikit'
+import VuikitIcons from '@vuikit/icons'
+
+Vue.use(Vuikit)
+Vue.use(VuikitIcons)