ClickerMonkey · scenaristeur · Dec 1, 2019 · Dec 1, 2019 · Dec 1, 2019 · Dec 2, 2019
diff --git a/.babelrc b/.babelrc
diff --git a/.browserslistrc b/.browserslistrc
@@ -0,0 +1,2 @@
+> 1%
+last 2 versions
diff --git a/.editorconfig b/.editorconfig
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
diff --git a/.gitignore b/.gitignore
@@ -1,12 +1,22 @@
 .DS_Store
-node_modules/
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
+*.sw?
+dist/
diff --git a/.postcssrc.js b/.postcssrc.js
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -1,31 +1,12 @@
-# dayspan-vuetify
-
-> A collection of components for Schedules and Calendars in DaySpan using Vuetify
-
-This library strives to offer all the functionality any modern calendar app could support, and more. Not only can this be used for calendar apps, but any application where the user wishes to control when events should occur within a system.
-
-[Click here for a full app example](https://clickermonkey.github.io/dayspan-vuetify/example/)
-
-Every feature of the library can be toggled with local and global settings, and all text can be localized.
-
-## Status
-
-This library is nearing functional completion (documentation on every component, prop, event, slot, method will have to wait) but is still subject to the occasional small change in API.
-
-[Current documentation](docs/README.md)
-
-### Notice
-
-- This library uses v-html in a few places (to display event details for example) so you must sanitize your own data against XSS vulnerabilities.
+# dayspan-vuetify-2
 
+Support for Vuetify2+
 ## Usage
 
-Install with `npm install --save dayspan-vuetify`
-
-**This library works best with Vuetify >= 1.1.9**
+Install with `npm install --save dayspan-vuetify-2`
 
 ```javascript
-import DaySpanVuetify from 'dayspan-vuetify'
+import DaySpanVuetify from 'dayspan-vuetify-2'
 
 Vue.use( DaySpanVuetify, {
   // options is vue definition, the resulting reactive component is stored in components as this.$dayspan or Vue.$dayspan
@@ -45,45 +26,34 @@ To see what options can be passed to the plugin, [checkout this file](src/compon
 
 Once done, you can access components like `ds-event`, `ds-calendar`, and `ds-calendar-app` from any component (they are registered globally).
 
-## Example / Template
-
-Checkout [dayspan-vuetify-example](https://github.com/ClickerMonkey/dayspan-vuetify-example) for an example of a calendar app which saves events to localStorage.
-
 ## Example Code
 
-Install with `npm install --save dayspan-vuetify`
+Install with `npm install --save dayspan-vuetify-2`
 
 #### app.js
 ```javascript
 import Vue from 'vue'
-import Vuetify from 'vuetify'
-import DaySpanVuetify from 'dayspan-vuetify'
 import App from './App.vue'
-
-import 'vuetify/dist/vuetify.min.css'
-import 'material-design-icons-iconfont/dist/material-design-icons.css'
-import 'dayspan-vuetify/dist/lib/dayspan-vuetify.min.css'
+import vuetify from './plugins/vuetify'
+import DaySpan from 'dayspan-vuetify-2'
 
 Vue.config.productionTip = false
 
-Vue.use(Vuetify);
-
-Vue.use(DaySpanVuetify, {
-  methods: {
-    getDefaultEventColor: () => '#1976d2'
-  }
+Vue.use(DaySpan, {
+    methods: {
+        getDefaultEventColor: () => '#1976d2'
+    }
 });
-
 new Vue({
-  el: '#app',
-  render: h => h(App)
-})
+    vuetify,
+    render: h => h(App)
+}).$mount('#app')
 ```
 
 #### App.vue
 ```vue
 <template>
-  <v-app id="dayspan" v-cloak>
+  <v-app id="dayspan">
     <ds-calendar-app :calendar="calendar"></ds-calendar-app>
   </v-app>
 </template>
@@ -108,25 +78,6 @@ body, html, #app, #dayspan {
 </style>
 ```
 
-#### index.html
-```html
-<!DOCTYPE html>
-<html>
-  <head>
-    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-    <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <title>You Calendar App Title</title>
-    <style> [v-cloak] { display: none; } </style>
-  </head>
-  <body>
-    <div id="app"></div>
-    <!-- built files should be auto injected -->
-  </body>
-</html>
-```
-
 ### Locales
 
 This library supports multiple locales but the build only comes with [en-us/en](https://github.com/ClickerMonkey/dayspan-vuetify/blob/master/src/locales/en.js). The following code shows you how to add locales, changing the current locale, and updating a given locale:
@@ -191,20 +142,22 @@ import Vue from 'vue';
 Vue.$dayspan.addLocales(['ca', 'ca-ES'], ca);
 ```
 
-## Build Setup
-
-``` bash
-# install dependencies
-npm install
+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).
 
-# serve with hot reload at localhost:8080
-npm run dev
+## Project setup
+```
+yarn install
+```
 
-# build for production with minification
-npm run build
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
 
-# build for production and view the bundle analyzer report
-npm run build --report
+### Compiles and minifies for production
+```
+yarn build
 ```
 
-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).
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
diff --git a/build/build-lib.js b/build/build-lib.js
diff --git a/build/build.js b/build/build.js
diff --git a/build/check-versions.js b/build/check-versions.js
diff --git a/build/dev-client.js b/build/dev-client.js