Naive UI

57f570c4 · Jeff Fox · 57f570c4 · 57f570c4 · 57f570c4 · 57f570c4
7 changed file
--- a/.gitignore
+++ b/.gitignore
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local" " 
+" " 
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Naive UI Demo</title>
+    <style>
+      body {
+        padding: 24px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+	<script type="module" src="/src/main.js"></script>
+  </body>
+</html>
+
--- a/package.json
+++ b/package.json
+{
+  "name": "my-naiveui-app",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.0.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.3.0",
+    "@vue/compiler-sfc": "^3.0.5",
+    "naive-ui": "^2.16.5",
+    "vfonts": "^0.1.0",
+    "vite": "^2.4.4"
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+<n-loading-bar-provider>
+  <n-message-provider>
+    <n-notification-provider>
+      <n-dialog-provider>
+        <demo />
+      </n-dialog-provider>
+    </n-notification-provider>
+  </n-message-provider>
+</n-loading-bar-provider>
+</template>
+
+<script>
+import { defineComponent } from "vue";
+import Demo from "./Demo.vue";
+
+export default defineComponent({
+components: {
+  Demo,
+},
+});
+</script>
--- a/src/Demo.vue
+++ b/src/Demo.vue
+<template>
+  <n-space>
+    <n-button>Default</n-button>
+    <n-button type="primary">Primary</n-button>
+    <n-button type="info">Info</n-button>
+    <n-button type="success">Success</n-button>
+    <n-button type="warning">Warning</n-button>
+    <n-button type="error">Error</n-button>
+  </n-space>
+</template>
--- a/src/main.js
+++ b/src/main.js
+import { createApp } from "vue";
+import naive from "naive-ui";
+import App from "./App.vue";
+
+const app = createApp(App);
+
+app.use(naive);
+
+app.mount("#app");
+
--- a/vite.config.js
+++ b/vite.config.js
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+	plugins: [vue()],
+	server: {
+		host: '0.0.0.0'
+	}
+})