improve chunks, mobile, WC, lazyloading, prefetch

assets/clipboard.js

@@ -12,7 +12,7 @@ export default {
         document.execCommand('copy')
         document.body.removeChild(el)
       }
-      this.$root.$message(msg)
+      this.$root.$message(msg, { color: 'success'})
     }
   }
 }

assets/editor.less

@@ -1,61 +0,0 @@
-
-.editor {
-  position: relative;
-  overflow-y: auto;
-  padding-top: 1.7em;
-  scrollbar-width: thin;
-
-  &.with-border {
-    border: 1px solid #ddd;
-    border-radius: 5px;
-  }
-
-  .content {
-    padding: 0px 5px 0px 5px;
-    flex: 1;
-    scrollbar-width: thin;
-    overflow-y: auto;
-  }
-
-  .menububble {
-    position: absolute;
-    display: flex;
-    overflow: hidden;
-    opacity: 0;
-    z-index: 1;
-    background: #dddddd;
-    transform: translateX(-50%);
-    border-radius: 3px;
-    padding: 0.07rem;
-    transition: opacity 0.2s, visibility 0.2s, left .2s, bottom .2s;
-    visibility: hidden;
-
-    &.is-active {
-      opacity: 1;
-      visibility: visible;
-    }
-    input {
-      padding: 0;
-      margin: 1px;
-      display: block;
-      border: 0;
-      color: #444;
-      font-size: .8em;
-      border-radius: 3px;
-      line-height: 100%;
-      transition: width .2s;
-      padding-left: 5px;
-      flex-grow: 1;
-    }
-
-    .fa-icon {
-      width: auto;
-      font-size: 10px;
-      height: 1.4em; /* or any other relative font sizes */
-      /* You would have to include the following two lines to make this work in Safari */
-      // max-width: 100%;
-      max-height: 100%;
-    }
-
-  }
-}

assets/event.less

@@ -1,56 +0,0 @@
-// .event {
-//   width: 320px;
-//   max-width: 450px;
-//   flex-grow: 1;
-//   margin: .2em;
-//   background-color: #202020;
-//   overflow: hidden;
-
-//   a:hover {
-//     text-decoration: none;
-//     .title {
-//       border-bottom: 1px solid #888;
-//       color: white;
-//     }
-//   }
-
-//   .title {
-//     margin-left: 1rem;
-//     margin-top: 1rem;
-//     margin-right: 1rem;
-//     border-bottom: 1px solid #333;
-//     transition: border-color .5s;
-//     font-size: 1.2em;
-//     max-height: 3em;
-//     overflow: hidden;
-//     color: white;
-//     font-weight: bold;
-//   }
-
-//   .card-footer {
-//     max-height: 4.5em;
-//     overflow: hidden;
-//     padding: .25rem 0.5rem;
-//     line-height: 1.8rem;
-//     min-height: 2.2rem;
-//   }
-
-//   .card-body {
-//     overflow: hidden;
-//   }
-
-//   .description {
-//     color: #999;
-//     font-size: 0.8em;
-//     overflow: hidden;
-//     max-height: 100%;
-//   }
-
-//   .el-image { width: 100% }
-//   img {
-//     width: 100%;
-//     max-height: 250px;
-//     object-fit: cover;
-//     object-position: top;
-//   }
-// }

assets/variables.scss

@@ -5,138 +5,4 @@
 
 // If you need to extend Vuetify SASS lists
 // $material-light: ( cards: blue );
-
-@import '~vuetify/src/styles/styles.sass';
-
-html, body {
-  scrollbar-width: thin;
-  overflow: auto !important;
-  scrollbar-color: #FF4511 #111;
-  font-family: sans-serif;
-}
-
-li {
-  margin-left: 10px;
-}
-
-.v-dialog .theme--dark.v-card {
-  background-color: #434343;
-}
-
-.v-application .p-description.text-body-1 {
-  letter-spacing: normal !important;
-}
-
-#home {
-  max-width: 1400px;
-  padding: 0px;
-  overflow: hidden;
-}
-
-#events {
-  margin: 0 auto;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-#calh {
-  height: 292px;
-}
-
-.container {
-  max-width: 1400px;
-}
-
-.v-dialog {
-  width: 600px;
-  max-width: 800px;
-  &.v-dialog--fullscreen {
-    max-width: 100%;
-  }
-}
-
-.theme--dark.v-list {
-  background-color: #333;
-}
-
-.v-autocomplete__content.v-menu__content {
-  scrollbar-width: thin;
-  scrollbar-color: #FF4511 #111;
-}
-
-// EVENT
-.event {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  width: 330px;
-  max-width: 500px !important;
-  flex-grow: 1;
-  margin-top: .4em;
-  margin-right: .4em;
-  transition: all .5s;
-  overflow: hidden;
-
-  .title {
-    display: -webkit-box;
-    overflow: hidden;
-    margin: 0.5rem 1rem 0.5rem 1rem;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-    font-size: 1.1em !important;
-    line-height: 1.2em !important;
-  }
-
-  .body {
-    flex: 1 1 auto;
-  }
-
-  .img {
-    width: 100%;
-    max-height: 250px;
-    min-height: 160px;
-    object-fit: cover;
-    object-position: top;
-    aspect-ratio: 1.7778;
-  }
-
-  .place {
-    max-width: 100%;
-    span {
-      display: block;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  a {
-    text-decoration: none;
-  }
-}
-
-.vc-past {
-  opacity: 0.4;
-}
-
-#event {
-  max-width: 1200px;
-}
-
-.tags .v-chip .v-chip__content {
-  max-width: 120px;
-  white-space: nowrap;
-  overflow: hidden;
-  display: block;
-}
-
-
-.cursorPointer {
-  cursor: pointer;
-}
-
-pre {
-  white-space: break-spaces;
-  font-size: 13px;
-}
+@import '~vuetify/src/styles/styles.sass';