Skip to content

Commit

Permalink
Init Vue 3 Upgrade and repo cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
mattelen committed Mar 12, 2021
1 parent 8b65e2a commit 5ef774c
Show file tree
Hide file tree
Showing 157 changed files with 27,730 additions and 20,961 deletions.
16 changes: 3 additions & 13 deletions .babelrc
Original file line number Diff line number Diff line change
@@ -1,15 +1,5 @@
{
"presets": ["@vue/app"],
"env": {
"test": {
"presets": [
[
"@vue/app",
{
"modules": "commonjs"
}
]
]
}
}
"presets": [
"@vue/cli-plugin-babel/preset"
]
}
38 changes: 0 additions & 38 deletions .circleci/config.yml

This file was deleted.

9 changes: 1 addition & 8 deletions .github/ISSUE_TEMPLATE.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,7 @@
<!--
Please make sure to read the Docs:
https://vue-multiselect.js.org/
before submitting an issue.
Please make sure to read the readme before submitting an issue.
IMPORTANT: Please use the following jsfiddle to provide a reproduction of your problem
https://jsfiddle.net/shentao/jqofkzxc/3296/
Issues without a working fiddle are generally much harder to solve and usually take much more time to actually do it.
-->

Expand Down
1 change: 0 additions & 1 deletion .github/funding.yml

This file was deleted.

1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,4 @@ npm-debug.log
selenium-debug.log
tests/unit/coverage
tests/e2e/reports
.idea/
1 change: 1 addition & 0 deletions .npmignore
Original file line number Diff line number Diff line change
Expand Up @@ -20,3 +20,4 @@ index.html
config.js
bower.json
v1/
.idea/
10 changes: 0 additions & 10 deletions .tern-project

This file was deleted.

75 changes: 9 additions & 66 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,43 +1,8 @@
# vue-multiselect ![Build Status](https://circleci.com/gh/shentao/vue-multiselect/tree/2.0.svg?style=shield&circle-token=5c931ff28fd12587610f835472becdd514d09cef)[![Codecov branch](https://img.shields.io/codecov/c/github/shentao/vue-multiselect/2.0.svg)](https://codecov.io/gh/shentao/vue-multiselect/branch/2.0)[![npm](https://img.shields.io/npm/v/vue-multiselect.svg)](https://www.npmjs.com/package/vue-multiselect)
Probably the most complete *selecting* solution for Vue.js 2.0, without jQuery.
# vue3-multiselect
A Vue 3 upgrade of [@shentao's](https://github.com/shentao) [vue-mulitselect](https://github.com/shentao/vue-multiselect) component.
The idea is that when you upgrade to Vue 3, you can swap the two components out, and everything should simply work.

<a href="https://vue-multiselect.js.org/">
<img src="/multiselect-screen-203.png" alt="Vue-Multiselect Screen">
</a>

## Documentation
Visit: [vue-multiselect.js.org](https://vue-multiselect.js.org/#sub-getting-started)

## Sponsors

### Gold

<p align="center">
<a href="https://vuejs.amsterdam/?utm_source=newsletter&utm_medium=logo&utm_campaign=vuejs-newsletter" target="_blank">
<img src="https://cdn.discordapp.com/attachments/793583797454503976/793583831369646120/vuejsamsterdam.png" alt="Vuejs Amsterdam" width="380px">
</a>
</p>
<p align="center">
<a href="https://theroadtoenterprise.com/?utm_source=newsletter&utm_medium=logo&utm_campaign=vuejs-newsletter" target="_blank">
<img src="https://cdn.discordapp.com/attachments/793583797454503976/809062891420123166/logo.png" alt="Vue - The Road To Enterprise" width="380px">
</a>
</p>

### Silver

<p align="center">
<a href="https://www.storyblok.com/developers?utm_source=newsletter&utm_medium=logo&utm_campaign=vuejs-newsletter" target="_blank">
<img src="https://a.storyblok.com/f/51376/3856x824/fea44d52a9/colored-full.png" alt="Storyblok" width="240px">
</a>
</p>

### Bronze

<p align="center">
<a href="https://www.vuemastery.com/" target="_blank">
<img src="https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png" alt="Vue Mastery logo" width="180px">
</a>
</p>
Feel free to check out our story of how we upgraded our product to Vue 3 on our blog at [suade.org](https://suade.org/dev/a-products-vue-3-migration-a-real-life-story/)

## Features & characteristics:
* NO dependencies
Expand All @@ -52,21 +17,13 @@ Visit: [vue-multiselect.js.org](https://vue-multiselect.js.org/#sub-getting-star
* V-model support
* Vuex support
* Async options support
* \> 95% test coverage
* Fully configurable (see props list below)

## Breaking changes:
* Instead of Vue.partial for custom option templates you can use a custom render function.
* The `:key` props has changed to `:track-by`, due to conflicts with Vue 2.0.
* Support for `v-model`
* `@update` has changed to `@input` to also work with v-model
* `:selected` has changed to `:value` for the same reason
* Browserify users: if you wish to import `.vue` files, please add `vueify` transform.

## Install & basic usage

```bash
npm install vue-multiselect
npm install vue3-multiselect
```

```vue
Expand All @@ -80,7 +37,7 @@ npm install vue-multiselect
</template>
<script>
import Multiselect from 'vue-multiselect'
import Multiselect from 'vue3-multiselect'
export default {
components: { Multiselect },
data () {
Expand All @@ -92,25 +49,21 @@ npm install vue-multiselect
}
</script>
<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
<style src="vue3-multiselect/dist/vue3-multiselect.min.css"></style>
```

## JSFiddle

[Example JSFiddle](https://jsfiddle.net/shentao/s0ugwmjp/) – Use this for issue reproduction.

## Examples
in jade-lang/pug-lang

### Single select / dropdown
``` jade
multiselect(
:value="value",
:model-value="value",
:options="source",
:searchable="false",
:close-on-select="false",
:allow-empty="false",
@input="updateSelected",
@update:model-value="updateSelected",
label="name",
placeholder="Select one",
track-by="name"
Expand Down Expand Up @@ -198,21 +151,11 @@ methods: {
## Contributing

``` bash
# serve with hot reload at localhost:8080
npm run dev

# distribution build with minification
npm run bundle

# build the documentation into docs
npm run docs

# run unit tests
npm run test

# run unit tests watch
npm run unit

```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
28 changes: 0 additions & 28 deletions bower.json

This file was deleted.

40 changes: 0 additions & 40 deletions build/build.js

This file was deleted.

33 changes: 0 additions & 33 deletions build/bundle.js

This file was deleted.

45 changes: 0 additions & 45 deletions build/check-versions.js

This file was deleted.

9 changes: 0 additions & 9 deletions build/dev-client.js

This file was deleted.

Loading

0 comments on commit 5ef774c

Please sign in to comment.