mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00
Code Activity

wip: get dev env running

Browse Source
This commit is contained in:
Jeff
2020-12-23 20:58:33 -08:00
parent 61bd8e87b6
commit c2d34a0825
12 changed files with 33 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dev/Dev.vue
-44
View File
@@ -1,44 +0,0 @@
<template>
<div id="app">
<v-select v-model="selected" v-bind="config" />
</div>
</template>
<script>
import vSelect from "../src/components/Select";
import countries from "../docs/.vuepress/data/countryCodes";
import books from "../docs/.vuepress/data/books";
export default {
components: { vSelect },
data: () => ({
selected: null,
config: {
options: countries
}
})
};
</script>
<style>
html,
body {
margin: 0;
height: 100%;
font-family: -apple-system, sans-serif;
}
#app {
height: 100%;
max-width: 20rem;
margin: 10rem auto 0;
}
hr {
border: none;
border-bottom: 1px solid #cacaca;
margin-bottom: 1em;
padding-top: 1em;
width: 90%;
}
</style>
dev/dev.html
-15
View File
@@ -1,15 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue Select Dev</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css">-->
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">-->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">-->
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">-->
</head>
<body>
<div id="app"></div>
</body>
</html>
dev/dev.js
-8
View File
@@ -1,8 +0,0 @@
import Vue from "vue";
import Dev from "./Dev.vue";
Vue.config.productionTip = false;
new Vue({
render: h => h(Dev)
}).$mount("#app");
package.json
+2 -2
View File
@@ -8,8 +8,8 @@
"email": "sagalbot@gmail.com" "email": "sagalbot@gmail.com"
}, },
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve src/dev.js",
"build": "vue-cli-service build", "build": "vue-cli-service build --target lib --name vue-select src/vue-select.js",
"test:unit": "vue-cli-service test:unit", "test:unit": "vue-cli-service test:unit",
"test:e2e": "vue-cli-service test:e2e", "test:e2e": "vue-cli-service test:e2e",
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
src/App.vue
-26
View File
@@ -1,26 +0,0 @@
<template>
<img alt="Vue logo" src="./assets/logo.png" />
<HelloWorld msg="Welcome to Your Vue.js App" />
</template>
<script>
import HelloWorld from "./components/HelloWorld.vue";
export default {
name: "App",
components: {
HelloWorld
}
};
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
src/Dev.vue
+17
View File
@@ -0,0 +1,17 @@
<template>
<div>
<h1>Vue Select</h1>
</div>
</template>
<script>
export default {
mounted() {
console.log("hello there I am mounted");
}
};
</script>
<style>
@import "https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css";
</style>
src/assets/logo.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

src/components/ListBox.vue
+7
View File
@@ -0,0 +1,7 @@
<template>
<button>Search</button>
</template>
<script>
export default {};
</script>
src/dev.js
+4
View File
@@ -0,0 +1,4 @@
import { createApp } from "vue";
import Dev from "@/Dev.vue";
createApp(Dev).mount("#app");
src/index.js
-5
View File
@@ -1,5 +0,0 @@
import VueSelect from "./components/Select.vue";
import mixins from "./mixins/index";
export default VueSelect;
export { VueSelect, mixins };
src/main.js
-4
View File
@@ -1,4 +0,0 @@
import { createApp } from "vue";
import App from "./App.vue";
createApp(App).mount("#app");
src/vue-select.js
+3
View File
@@ -0,0 +1,3 @@
import ListBox from "./components/ListBox";
export { ListBox };