diff --git a/.eslintrc.js b/.eslintrc.js
index 609511e..2ffe6c2 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,11 +4,8 @@ module.exports = {
     browser: true,
     node: true
   },
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
   extends: [
-    '@nuxtjs',
+    '@nuxtjs/eslint-config-typescript',
     'prettier',
     'prettier/vue',
     'plugin:prettier/recommended',
@@ -19,6 +16,8 @@ module.exports = {
   ],
   // add your custom rules here
   rules: {
-    "no-console": 0
+    'no-console': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    'camelcase': 'warn'
   }
 }
diff --git a/CONTRIBUTING.adoc b/CONTRIBUTING.adoc
index 0f6ae0b..b7afd4d 100644
--- a/CONTRIBUTING.adoc
+++ b/CONTRIBUTING.adoc
@@ -25,6 +25,10 @@ Additionally, prefix component names with the following:
 | UI Component that are made for user data input
 |===
 
+### No outer margins on components
+
+Components should not include any king of spacing on the component's root element: components and pages that includes a component should be responsible for its spacing relative to the other elements included.
+
 ### Inheritance
 
 [%header, cols=2*]
@@ -81,24 +85,23 @@ For each mutation, when the API request fails, handle the error by showing the u
 
 Each mutation should return...
 
-When the action succeeded :: 
-  `[true, object, null]` with `object` the value returned by the matching mutation, or the inner action's `object` return value.
+When the action succeededs :: 
+  `{ data: object, error: null]` with `object` the value returned by the matching mutation, or the inner action's `object` return value.
 
 When the action fails because of a validation error :: 
-  `[false, validation, 'validation']` with `validation` the value returned by the `validate` getter, or by the inner action's `validation` return value
+  `{ data: validation, error: 'validation'}` with `validation` the value returned by the `validate` getter, or by the inner action's `validation` return value
 
 When the action fails because of a network error ::
-  `[false, error, 'network']` with `error` the error object from the `try`/`catch` block.
+  `{ data: error, error: 'network'}` with `error` the error object from the `try`/`catch` block.
 
-More generally, the return value is an array with:
+More generally, the return value is an object with:
 
-1. whether the action succeeded or not
-2. the object/array that results from the underlying mutation
-3. the failure level, if any. If it succeeded, this is `null`.
+1. the object/array that results from the underlying mutation
+2. the failure level, if any. If it succeeded, this is `null`.
 
 Include the following actions: 
 
-load({ force: false, verbose: true }) ::
+load({ force: false, verbose: false }) ::
   - If `loaded` is false or `force` is true
   ** Do a `GET` request
   ** Use the `SET` mutation to store the response in the store
@@ -163,32 +166,10 @@ order(objects, { by: '_your_default_sorting_method_' }) ::
 ## Code clarity guidelines
 ### In vue files' <template>
 
-Language :: pug
+Language :: html
 Indentation :: 2 spaces
-
-#### Attribute shorthands order
-
-_In single-line component uses_:
-Put the class shorthand .class _after_ an attribute list and the #id shortand _before_:
-
-```pug
-ComponentName#id(attr="value").class.class2
-```
-
-_In multiline uses (eg. the attributes list is split on multiple lines)_:
-Put all of the shorthands _before_ the attribute list
-
-```pug
-component#id.class.class2(
-  :is="componentName"
-  :style="styles"
-  :class="{clickable, multiline, thin, inline}"
-  :data-variant="variant"
-  type="button"
-  @click="$emit('click')"
-  v-tooltip="tooltipContent"
-)
-```
+write component tag names in :: kebab-case
+Class for root element of every component :: .--<component-kebab-case>; eg. for <BaseCard> root element has class=--base-card
 
 #### Attribute list order
 
@@ -235,10 +216,10 @@ For object literals, don't add spaces around the braces (but do it in JS code)
 For multi-values attributes (eg. `style` or `class`), prefer an object literal of computed values instead of a single computed value returning the entire object:
 
 .`<template>`
-```pug
-component(
+```html
+<component
   :style="{backgroundColor, color: subjectNameColor}"
-)
+>
 ```
 
 .`<script>`
@@ -256,8 +237,8 @@ computed: {
 Instead of:
 
 .`<template>`
-```pug
-component(:style="styles")
+```html
+<component :style="styles">
 ```
 
 .`<script>`
@@ -277,8 +258,8 @@ computed: {
 In conditonnal directives, the value can be one of the above, or a logical-operator-separated list of variables, but there must be at most two operators.
 
 .Example
-```pug
-template(v-if="loggedIn || passwordForgotten")
+```html
+<template v-if="loggedIn || passwordForgotten">
 ```
 
 If the exact same condition is reused, make a computed property instead.
@@ -288,18 +269,19 @@ If the exact same condition is reused, make a computed property instead.
 If the element contains more than two attributes:
 
 .Bad example
-```pug
-template(v-if="thing" my-stuff :thingie="foo" bar="baz" quux)
+```html
+<template v-if="thing" my-stuff :thingie="foo" bar="baz" quux>
 ```
 
 .Good example
-```pug
-template(
+```html
+<template
   v-if="thing"
   :thingie="foo"
   bar="baz"
-  my-stuff quux
-)
+  my-stuff
+  quux
+>
 ```
 
 ### In vue _component_ file's <script>
@@ -363,7 +345,7 @@ Separate your styles into sections using the following comment decorations (incl
 
 ```
 
-Include the following sections (even if empty, except for Hack), in order:
+Include the following sections, in order:
 
 . Definitions +
   _Includes stylus variables & functions as well as CSS variables_
diff --git a/ORGANIZING_COMPONENTS.md b/ORGANIZING_COMPONENTS.md
index 2476411..56aab2d 100644
--- a/ORGANIZING_COMPONENTS.md
+++ b/ORGANIZING_COMPONENTS.md
@@ -2,9 +2,7 @@
 
 Components should be stateless: this makes them easier to debug & test. Appart from utility getters defined in `store/index.js`, no component should import state/getters/actions or mutations (mutations shouldn't be called anywhere except inside actions, by the way.)
 
-Only the pages/layouts are responsible for state CRUD operations. Data should be passed by props to components via `v-bind`, or `v-model` when using inputs, 
-
-
+Only the pages/layouts are responsible for state CRUD operations. Data should be passed by props to components via `v-bind`, or `v-model` when using inputs,
 
 ## Legend
 
@@ -12,8 +10,8 @@ Only the pages/layouts are responsible for state CRUD operations. Data should be
 | --------------- | ------------------------------------------ |
 | *(Italic text)* | Notes                                      |
 | _Subcomponent_  | Component implemented as a "variant" prop. |
-| 🚧 Component    | To-Do component                            |
-| 🗃 Component    | Stateful components.                       |
+| 🚧 Component     | To-Do component                            |
+| 🗃 Component     | Stateful components.                       |
 | ▶ Component     | Components that takes inputs               |
 
 ## The tree
@@ -37,13 +35,9 @@ Only the pages/layouts are responsible for state CRUD operations. Data should be
 - ▶ Inputs
   
   - Text input
-    
     - passwords
-    
     - date
-      
-      - due date (smart)
-    
+    - due date (smart)
     - plain text
       
       - *block variant (textarea)*
@@ -68,7 +62,7 @@ Only the pages/layouts are responsible for state CRUD operations. Data should be
 
 - Links
   
-  - inline link
+  - _inline link_
 
 - State screens
   
@@ -130,24 +124,22 @@ Only the pages/layouts are responsible for state CRUD operations. Data should be
     
     - mutation
   
-  - ▶ Pickers
+  - ▶ Pickers _"Modal" not in component names for brevity_
     
     - 🗃 subject _(Only use when using the dropdown is not possible)_
     
     - color
   
-  - dialogs
+  - dialogs _"Modal" not in component names for brevity_
     
     - confirm (w/ challenge)
   
   - context menu
 
-- Subject
-  
-  - Badge
-  
-  - Dot
-
+- Badges
+  - Subject
+    - _dot_
+    - _badge_
 - Schedule
 
 - Unique components (prefixed with "The") _(This is not a base component)_
diff --git a/assets/defaults.sass b/assets/defaults.sass
index 3e9f6b2..0d49a3d 100644
--- a/assets/defaults.sass
+++ b/assets/defaults.sass
@@ -37,8 +37,8 @@ body
     // Greys
     --black: #111111
     --white: #ffffff
-    --grey-light: #c0c0c0
-    --grey: #d4d3d3
+    --grey-light: #d4d3d3
+    --grey: #c0c0c0
     --grey-dark: #757575
     --grey-offset: #F3F3F3
     --grey-offset-dark: #e6e6e6
@@ -52,7 +52,8 @@ body
     --red: #D50000
     --red-light: #ff3519
     --red-dark: #940000
-    --red-offset: #FF9E9E
+    --red-offset: #ffdddd
+    --red-offset-dark: #ffc3c3
     // Greens
     --green: #27CE5F
     --green-light: #86e6b1
@@ -78,7 +79,7 @@ body
         --blue-light: #89c4fe
         --blue-dark: #006BD4
         --blue-offset: #0b123a
-        --blue-offset-dark: #0d143a
+        --blue-offset-dark: #060b2b
         // Reds
         --red: #ee4949
         --red-light: #ff604b
@@ -282,31 +283,6 @@ $bk-sidebar: 650px
             border-bottom-left-radius: 0
             border-bottom-right-radius: 0
 
-
-//=====================
-//        LINKS
-//=====================
-
-p, pre
-    font-family: var(--fonts-normal)
-    a:not([no-default])
-        color: var(--blue)
-        border-bottom: 2px solid var(--blue)
-        &:hover,
-        &:focus,
-        &:active
-            color: var(--blue-dark)
-            border-color: var(--blue-dark)
-
-
-p a[target=_blank]:not([no-external-link-indicator])::after
-  font-family: 'Material Icons'
-  content: '\e89e'
-  font-size: 1.2em
-  margin-left: 0.1em
-  position: relative
-  bottom: -.1em
-
 //=====================
 //    LOADING SCREEN
 //=====================
diff --git a/assets/fonts/Material-Icons/import.css b/assets/fonts/Material-Icons/import.css
index 0e25850..4349c68 100644
--- a/assets/fonts/Material-Icons/import.css
+++ b/assets/fonts/Material-Icons/import.css
@@ -17,7 +17,7 @@
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;
+  font-size: 1.5em;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
@@ -33,7 +33,7 @@
   font-family: 'Material Icons Outlined';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;
+  font-size: 1.5em;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
diff --git a/components/BadgeSubject.vue b/components/BadgeSubject.vue
index be4e702..50affc4 100644
--- a/components/BadgeSubject.vue
+++ b/components/BadgeSubject.vue
@@ -1,194 +1,152 @@
-<template lang="pug">
-component.subject(
-  :is="element"
-  :style="{backgroundColor, color: subjectNameColor}"
-  :class="{clickable, multiline, thin, inline}"
-  :data-variant="variant"
-  type="button"
-  @click="$emit('click')"
-  v-tooltip="tooltipContent"
-)
-  Icon(v-if="!color").unknown-icon more_horiz
-  span.name {{ name || placeholderName }}
+<template>
+  <div
+    :class="{
+      '--badge-subject': true,
+      expandable,
+      expanded,
+      editable,
+    }"
+    :style="{ backgroundColor: bgColor, color: fgColor }"
+    :title="badgeTitle"
+    @mouseenter="expanded = alwaysExpanded || expandable"
+    @mouseleave="expanded = alwaysExpanded"
+  >
+    <button-icon small class="button-edit" @click="$emit('edit')"
+      >edit</button-icon
+    >
+    <div class="name">
+      <slot></slot>
+    </div>
+  </div>
 </template>
 
-<script>
-import { mapGetters } from 'vuex'
-import Icon from '~/components/Icon.vue'
-export default {
-  name: 'BadgeSubject',
-  components: { Icon },
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import { isHexColor } from '~/utils/validators'
+import { lightColor, darkColor } from '~/utils/colors'
+import ButtonIcon from '~/components/ButtonIcon.vue'
+
+export default Vue.extend({
+  components: { ButtonIcon },
   props: {
-    // Data
-    color: {
-      type: String,
-      default: null,
-    },
-    name: {
-      type: String,
-      default: null,
-    },
-    // Supporting data
-    placeholderName: {
-      type: String,
-      default: 'Choisir...',
-    },
-    // Style
-    clickable: {
+    expandable: {
       type: Boolean,
       default: false,
-    },
-    multiline: {
+    } as PropOptions<boolean>,
+    alwaysExpanded: {
       type: Boolean,
       default: false,
-    },
-    variant: {
+    } as PropOptions<boolean>,
+    color: {
       type: String,
-      default: 'badge',
-    },
-    thin: {
-      type: Boolean,
-      default: false,
-    },
-    inline: {
+      required: true,
+      validator: isHexColor,
+    } as PropOptions<string>,
+    editable: {
       type: Boolean,
       default: false,
-    },
-    noTooltip: {
-      type: Boolean,
-      default: false,
-    },
+    } as PropOptions<boolean>,
+  },
+  data() {
+    return { expanded: this.alwaysExpanded }
   },
   computed: {
-    backgroundColor() {
-      return this.color || 'var(--black)'
+    bgColor(): string {
+      return this.expanded ? lightColor(this.color) : this.color
     },
-    subjectNameColor() {
-      return this.color ? this.textColor()(this.color) : 'var(--white)'
+    fgColor(): string {
+      return darkColor(this.color)
     },
-    element() {
-      return this.clickable ? 'button' : 'span'
+    badgeTitle(): string | null {
+      const slotText = this.$slots.default?.[0]?.text
+      if (slotText && !this.expanded) {
+        return slotText
+      }
+      return null
     },
-    tooltipContent() {
-      if (this.noTooltip) return null
-      return this.name || this.placeholderName
-    },
-  },
-  methods: {
-    ...mapGetters(['textColor']),
   },
-}
+})
 </script>
 
 <style lang="stylus" scoped>
 //
 //Definitions
 //
-badge-aspect()
-  //==== Positioning
-  align-items center
-  //==== Spacing
-  padding 0.7em
-  //==== Decorations
-  border-radius var(--border-radius)
-
-dot-aspect()
-  //==== Definitions
-  size = 1.2em
-
-  //==== Positioning
-  display flex
-  flex-shrink 0
-  justify-content center
-  align-items center
-  min-width size / 2
-  min-height size / 2
-  width size
-  //==== Sizing
-  height size
-  //==== Decoration
-  border-radius 50%
-
-  //==== Appearance
-  .name
-    display none
+dot-size = 1.4em
 
 //
-//Layout
+//Positioning
 //
-.subject
-  position relative
-  //==== Positioning
-  display block
-  //==== Appearance
-  overflow hidden
-  //==== Sizing
-  max-height 25vh
+.--badge-subject
+  display inline-flex
+  align-items center
+
+.--badge-subject.editable .name
+  margin-left 0.5em
+
+.name
+  white-space nowrap
+
+.--badge-subject:not(.editable) .button-edit
+  width 0
 
 //
-//Decoration
+//Sizing
 //
-.subject
-  appearance none
+.--badge-subject:not(.expanded)
+  max-width dot-size
 
 //
-//Colors
+//Spacing
 //
-.unknown-icon
-  color var(--white)
+.button-edit
+  width dot-size
+  font-size 0.85em
+
+.--badge-subject
+  padding 0 0.5em
+  height dot-size
 
 //
-//Typography
+//Color
 //
-.subject
-  text-overflow ellipsis
-  font-weight normal
 
-  &:not(.multiline)
-    flex-shrink 0
-    white-space nowrap
+//
+//Decoration
+//
+.--badge-subject
+  border-radius 1000px
 
-  &.multiline
-    white-space wrap
+.--badge-subject:not(.editable) .button-edit
+  cursor default
 
 //
-//States
+//Visibility
 //
-[data-variant=badge]
-  badge-aspect()
+.name
+  overflow hidden
+  opacity 0
 
-  &.thin
-    padding 0.3em 0.5em
+.button-edit
+  opacity 0
 
-[data-variant=dot]
-  dot-aspect()
+//
+//States
+//
 
-[data-variant=pill]
-  badge-aspect()
-  size = 1.5em
+//When the element is not expanded and _can_ be expanded
+.expandable
+  transition 250ms ease all
 
-  display flex
-  flex-shrink 1
-  align-items center
-  height size
-  border-radius size
+.expanded.editable
 
-[data-variant=responsive]
-  @media (max-width: 650px)
-    badge-aspect()
+  .button-edit
+    opacity 1
 
-  @media (min-width: 651px)
-    dot-aspect()
+.expanded
+  max-width 25ch
 
-.inline
-  display inline-flex
-  padding 0
-  padding-bottom -0.5em
-  width 1em
-  height 1em
-
-.clickable
-  &:focus, &:hover
-    outline none
-    opacity 0.75
+  .name
+    opacity 1
 </style>
diff --git a/components/BaseButton.vue b/components/BaseButton.vue
new file mode 100644
index 0000000..53013d4
--- /dev/null
+++ b/components/BaseButton.vue
@@ -0,0 +1,77 @@
+<template>
+  <component
+    :is="tagName"
+    :class="{ '--base-button': true, dangerous, small }"
+    :href="href"
+    @click="handleClick"
+  >
+    <slot></slot>
+  </component>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+
+export default Vue.extend({
+  props: {
+    dangerous: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    small: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    href: {
+      type: String,
+      default: null,
+    } as PropOptions<string | null>,
+  },
+  computed: {
+    tagName(): string {
+      return this.href ? 'a' : 'button'
+    },
+  },
+  methods: {
+    handleClick(): void {
+      if (!this.href) {
+        this.$emit('click')
+      }
+    },
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+
+//
+//Sizing
+//
+
+//
+//Spacing
+//
+
+//
+//Decoration
+//
+.--base-button::-moz-focus-inner
+  border 0
+
+.--base-button
+  outline 0
+
+//
+//States
+//
+[disabled]
+  cursor not-allowed
+</style>
diff --git a/components/BaseCard.vue b/components/BaseCard.vue
new file mode 100644
index 0000000..d840177
--- /dev/null
+++ b/components/BaseCard.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="--base-card">
+    <slot />
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({})
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+
+//
+//Sizing
+//
+
+//
+//Spacing
+//
+.--base-card
+  padding 1rem
+
+//
+//Decoration
+//
+.--base-card
+  border 1px solid
+  border-radius var(--border-radius)
+
+//
+//Colors
+//
+.--base-card
+  background var(--white)
+  border-color var(--grey-offset-dark)
+</style>
diff --git a/components/BaseHeading.vue b/components/BaseHeading.vue
new file mode 100644
index 0000000..e7cf049
--- /dev/null
+++ b/components/BaseHeading.vue
@@ -0,0 +1,19 @@
+<template>
+  <component :is="`h${level}`"><slot></slot></component>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import { isHeadingLevel } from '~/utils/validators'
+
+export default Vue.extend({
+  props: {
+    level: {
+      type: Number,
+      required: true,
+      validator: isHeadingLevel,
+    } as PropOptions<Number>,
+  },
+})
+</script>
diff --git a/components/BaseInput.vue b/components/BaseInput.vue
new file mode 100644
index 0000000..80bcb9f
--- /dev/null
+++ b/components/BaseInput.vue
@@ -0,0 +1,239 @@
+<template>
+  <div
+    :class="{
+      '--base-input': true,
+      'has-label': hasALabel,
+      focused,
+      errored: errors.length > 0,
+    }"
+  >
+    <label v-if="hasALabel" :for="inputId"><slot></slot></label>
+    <!-- <p v-if="readonly" class="readonly-input">{{ value }}</p> -->
+    <component
+      :is="element"
+      :id="inputId"
+      :type="type"
+      :name="name"
+      :placeholder="placeholder"
+      :aria-placeholder="placeholder"
+      :value="value"
+      :readonly="readonly"
+      :class="{ input: true, resizable: inputAttrs && inputAttrs.resizable }"
+      v-bind="inputAttrs"
+      @focus="focused = true"
+      @blur="focused = false"
+      @input="$emit('input', $event.target.value)"
+      >{{ value }}</component
+    >
+    <ul v-if="errors.length > 0" class="errors">
+      <li v-for="error in errors" :key="error">{{ error }}</li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+type HTMLInputType =
+  | 'button'
+  | 'checkbox'
+  | 'color'
+  | 'date'
+  | 'datetime-local'
+  | 'email'
+  | 'file'
+  | 'hidden'
+  | 'image'
+  | 'month'
+  | 'number'
+  | 'password'
+  | 'radio'
+  | 'range'
+  | 'reset'
+  | 'search'
+  | 'submit'
+  | 'tel'
+  | 'text'
+  | 'time'
+  | 'url'
+  | 'week'
+
+type HTMLInputElement =
+  | 'input'
+  | 'textarea'
+  | 'multiselect'
+  | 'progress'
+  | 'meter'
+  | 'output'
+  | 'fieldset'
+
+export default Vue.extend({
+  props: {
+    element: {
+      type: String,
+      default: 'input',
+    } as PropOptions<HTMLInputElement>,
+    type: {
+      type: String,
+      default: 'text',
+    } as PropOptions<HTMLInputType>,
+    placeholder: {
+      type: String,
+      default: null,
+    } as PropOptions<null | string>,
+    name: {
+      type: String,
+      required: true,
+    } as PropOptions<string>,
+    value: {
+      type: [String, Number, Boolean],
+      default: null,
+    } as PropOptions<null | string | number | boolean>,
+    errors: {
+      type: Array,
+      default: () => [],
+    } as PropOptions<string[]>,
+    inputAttrs: {
+      type: Object,
+      default: () => ({}),
+    } as PropOptions<Record<string, string | null | boolean>>,
+    disabled: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    readonly: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+  },
+  data() {
+    return {
+      focused: false,
+    }
+  },
+  computed: {
+    inputId(): string {
+      return `input--${this.name}`
+    },
+    hasALabel(): boolean {
+      return Boolean(this.$slots?.default?.[0]?.text)
+    },
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+label-passive-offset-y = 1em
+border-width = 1.5px
+
+//
+//Positioning
+//
+.--base-input
+  position relative
+  display flex
+  flex-direction column
+
+label
+  position absolute
+  top -(label-passive-offset-y + 0.5)
+  left 0
+
+//
+//Sizing
+//
+.input
+  width 100%
+  height 100%
+
+//
+//Spacing
+//
+.input, .readonly-input
+  padding 0.5em
+
+//Make more vertical room for label
+.--base-input.has-label .input
+  padding 0.8em
+
+label
+  padding 0 0.5em
+
+.errors
+  margin-top 0.5em
+
+//
+//Decoration
+//
+.input
+  border border-width solid
+  border-radius var(--border-radius)
+
+//
+//Colors
+//
+.input
+  border-color var(--grey-dark)
+  color inherit
+
+.errors
+  color var(--red)
+
+//
+//Typography
+//
+label
+  text-transform uppercase
+  letter-spacing 1px
+  font-weight 500
+  font-size 0.75em
+
+.errors li::before
+  content '– '
+
+//
+//Hacks
+//
+label
+  background-color var(--white)
+
+//Make room for the label, since position:absolute doesn't make any
+.--base-input.has-label
+  margin-top label-passive-offset-y
+
+//
+//Reactions
+//
+label
+  //transition left 0.125s ease, top 0.125s ease, color 0.25s ease
+  transition all 250ms ease
+
+.--base-input:hover, .--base-input.focused
+  label
+    left 1em
+
+.--base-input.focused
+  label
+    top -0.5em
+    color var(--blue)
+
+  .input
+    border-color var(--blue)
+
+.--base-input.errored
+  label
+    color var(--red)
+
+.--base-input.errored.focused
+  .input
+    border-color var(--red)
+
+.--base-input .input[readonly]
+  border-color transparent
+
+.--base-input .input:not(.resizable)
+  resize none
+</style>
diff --git a/components/ButtonIcon.vue b/components/ButtonIcon.vue
new file mode 100644
index 0000000..77cd7f4
--- /dev/null
+++ b/components/ButtonIcon.vue
@@ -0,0 +1,98 @@
+<template>
+  <base-button
+    v-bind="{ ...$props }"
+    class="--button-icon"
+    @click="$emit('click')"
+  >
+    <span
+      :class="{
+        'force-filled': filled === true,
+        'force-outlined': filled === false,
+        icon: true,
+        'material-icons': true,
+      }"
+    >
+      <slot></slot>
+    </span>
+  </base-button>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import BaseButton from '~/components/BaseButton.vue'
+
+export default Vue.extend({
+  components: { BaseButton },
+  extends: BaseButton,
+  props: {
+    filled: {
+      type: Boolean,
+      default: null,
+    } as PropOptions<boolean | null>,
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+fontstack-filled = 'Material Icons', sans-serif
+fontstack-outlined = 'Material Icons Outlined', sans-serif
+
+//
+//Positioning
+//
+.--button-icon
+  display inline-flex
+  justify-content center
+  align-items center
+
+//
+//Sizing
+//
+.small
+  font-size 1em
+
+//
+//Spacing
+//
+
+//
+//Decoration
+//
+
+//
+//Colors
+//
+.--button-icon
+  color inherit
+
+.dangerous
+  color var(--red)
+
+[disabled]
+  opacity 0.5
+
+//
+//Typography
+//
+.icon
+  font-family fontstack-outlined
+
+.icon.force-filled
+  font-family fontstack-filled
+
+//
+//State
+//
+.--button-icon:hover, .--button-icon:focus
+  &:not([disabled]) .icon:not(.force-outlined)
+    font-family fontstack-filled
+
+  //If we are forcing the icons to be in one style or another,
+  //We change the color so that a difference can still be perceived
+  .icon[class^=force-]
+    color var(--blue)
+</style>
diff --git a/components/ButtonPrimary.vue b/components/ButtonPrimary.vue
new file mode 100644
index 0000000..c2fb02c
--- /dev/null
+++ b/components/ButtonPrimary.vue
@@ -0,0 +1,98 @@
+<template>
+  <base-button
+    v-bind="{ ...$props }"
+    class="--button-primary"
+    @click="$emit('click')"
+  >
+    <slot></slot>
+  </base-button>
+</template>
+
+<script>
+import BaseButton from '~/components/BaseButton.vue'
+
+export default {
+  components: { BaseButton },
+  extends: BaseButton,
+}
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+.--button-primary
+  display inline-block
+
+//
+//Sizing
+//
+
+//
+//Spacing
+//
+.--button-primary
+  padding 0.8em 1.4em
+
+.small
+  padding 0.3em 0.7em
+
+//
+//Decoration
+//
+.--button-primary
+  border 1px solid transparent //To prevent jittering when :hover'ing
+  border-radius var(--border-radius)
+
+//
+//Colors
+//
+.--button-primary
+  background-color var(--blue-offset)
+  color var(--blue-dark)
+
+.dangerous
+  background-color var(--red-offset)
+  color var(--red-dark)
+
+[disabled]
+  background-color var(--grey-offset-dark)
+  color var(--grey-dark)
+
+//
+//Typography
+//
+
+//
+//Reactions
+//
+.--button-primary:hover, .--button-primary:focus
+  border 1px solid
+
+  &:not(.dangerous):not([disabled])
+    border-color var(--blue)
+    color var(--blue)
+
+  &.dangerous:not([disabled])
+    border-color var(--red)
+    color var(--red)
+
+  &[disabled]
+    border-color var(--black)
+
+  &[disabled].dangerous
+    border-color var(--red)
+
+.--button-primary:active:not([disabled])
+  border-color var(--blue-dark)
+  background-color var(--blue-offset-dark)
+  color var(--blue-dark)
+
+  &.dangerous
+    background-color var(--red-offset-dark)
+    color var(--red-dark)
+</style>
diff --git a/components/ButtonSecondary.vue b/components/ButtonSecondary.vue
new file mode 100644
index 0000000..745fd43
--- /dev/null
+++ b/components/ButtonSecondary.vue
@@ -0,0 +1,70 @@
+<template>
+  <base-button
+    v-bind="{ ...$props }"
+    class="--button-secondary"
+    @click="$emit('click')"
+  >
+    <slot></slot>
+  </base-button>
+</template>
+
+<script>
+import BaseButton from '~/components/BaseButton.vue'
+
+export default {
+  components: { BaseButton },
+  extends: BaseButton,
+}
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+
+//
+//Sizing
+//
+
+//
+//Spacing
+//
+.--button-secondary
+  padding 0.8em 1.4em
+
+.small
+  padding 0.5em 0.7em
+
+//
+//Decoration
+//
+.--button-secondary
+  border 2px solid
+  border-radius var(--border-radius)
+
+//
+//Colors
+//
+.--button-secondary
+  border-color var(--grey)
+  color var(--blue)
+
+//
+//Typography
+//
+
+//
+//States
+//
+:hover, :focus
+  border-color var(--blue)
+  color var(--blue-dark)
+
+:active
+  border-color var(--blue-dark)
+  background-color var(--blue-offset)
+</style>
diff --git a/components/CardAdd.vue b/components/CardAdd.vue
new file mode 100644
index 0000000..eaac5fc
--- /dev/null
+++ b/components/CardAdd.vue
@@ -0,0 +1,82 @@
+<template>
+  <button-icon class="--card-add" filled>add</button-icon>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import ButtonIcon from '~/components/ButtonIcon.vue'
+
+export default Vue.extend({
+  components: { ButtonIcon },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+// Definitions
+//
+
+
+
+//
+// Positioning
+//
+
+.--card-add
+  display flex
+  justify-content center
+  align-items center
+
+//
+// Sizing
+//
+
+.--card-add
+  font-size: 1.5em
+
+//
+// Spacing
+//
+
+
+
+//
+// Decoration
+//
+
+.--card-add
+  border 1px solid
+  border-radius var(--border-radius)
+
+//
+// Colors
+//
+
+.--card-add
+  color var(--blue)
+  border-color transparent
+  background var(--blue-offset)
+
+//
+// Typography
+//
+
+
+
+//
+// Reactions
+//
+
+.--card-add
+  cursor pointer
+
+.--card-add:hover
+.--card-add:focus
+  border-color var(--blue)
+
+.--card-add:active
+  color var(--blue-dark)
+  border-color transparent
+  background var(--blue-offset-dark)
+</style>
diff --git a/components/CardHomework.vue b/components/CardHomework.vue
index 978005b..c2eb7b6 100644
--- a/components/CardHomework.vue
+++ b/components/CardHomework.vue
@@ -1,187 +1,189 @@
-<template lang="pug">
-    .card(
-        @click="$emit('click')"
-        :class="{completed, opened, [`is-a-${type.toLowerCase()}`]: true}"
-        v-touch:swipe.left="toggleComplete"
-        v-touch:swipe.right="toggleComplete"
-    )
-        .complete-slider(@click.stop="toggleComplete" :title="sliderTooltip")
-            Icon(v-show="completed") refresh
-            Icon(v-show="!completed") check
-        .infos
-            .first-line
-                .strikethrough-line
-                BadgeSubject.subject-color(v-bind="subject" variant="dot")
-                span.name {{ name }}
-                Icon.graded-indicator(
-                  v-if="['COURSEWORK', 'TEST'].includes(type)"
-                  v-tooltip="type === 'TEST' ? 'Contrôle' : 'Noté'"
-                ) error_outline
-            .details(v-if="details" v-html="details")
+<template>
+  <base-card :class="{ '--card-homework': true, expanded }">
+    <div class="header">
+      <badge-subject
+        :color="homework.subject.color"
+        editable
+        expandable
+        @edit="editSubject"
+        >{{ homework.subject.name }}</badge-subject
+      >
+      <p class="title" @input="$emit('input', { title: $event })">
+        {{ homework.title }}
+      </p>
+      <button-icon class="toggle-expand" @click="toggleExpand"
+        >keyboard_arrow_down</button-icon
+      >
+    </div>
+    <div class="details">
+      <p>{{ homework.details }}</p>
+    </div>
+    <transition name="slide">
+      <div key="1" class="actions" v-if="!editing">
+        <button-icon @click="deleteHomework">delete</button-icon>
+        <button-icon @click="editHomework">edit</button-icon>
+        <text-link
+          v-if="homework.quizzes.length > 0"
+          :to="`/learn/${homework.uuid}`"
+          >Réviser</text-link
+        >
+      </div>
+      <div key="2" class="actions" v-else>
+        <button-primary @click="finishEditing" small>OK</button-primary>
+      </div>
+    </transition>
+  </base-card>
 </template>
 
-<script>
-import { mapActions } from 'vuex'
-import debounce from 'lodash.debounce'
-import Icon from '~/components/Icon.vue'
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import BaseCard from '~/components/BaseCard.vue'
 import BadgeSubject from '~/components/BadgeSubject.vue'
-import InputField from '~/components/InputField.vue'
-export default {
-  components: { Icon, BadgeSubject, InputField },
+import ButtonPrimary from '~/components/ButtonPrimary.vue'
+import ButtonIcon from '~/components/ButtonIcon.vue'
+import TextLink from '~/components/TextLink.vue'
+// import '~/types/api-resources'
+
+export default Vue.extend({
+  components: { BaseCard, BadgeSubject, ButtonPrimary, ButtonIcon, TextLink },
   props: {
-    name: {
-      type: String,
-      required: true,
-    },
-    details: {
-      type: String,
-      default: '',
-    },
-    subject: {
+    homework: {
       type: Object,
       required: true,
+    } as PropOptions<ApiResourceHomework>,
+  },
+  data() {
+    return {
+      editing: false,
+      saving: false,
+      deleting: false,
+      expanded: false,
+    }
+  },
+  methods: {
+    editHomework(): void {
+      this.editing = true
     },
-    uuid: {
-      type: String,
-      required: true,
-    },
-    progress: {
-      type: Number,
-      default: 0,
-    },
-    opened: {
-      type: Boolean,
-      default: false,
+    async finishEditing(): Promise<void> {
+      this.saving = true
+      await this.$store.dispatch('homework/edit', { modifications: {} })
+      // await this.$store.dispatch('homework/load')
+      this.saving = false
+      this.editing = false
     },
-    type: {
-      type: String,
-      required: true,
+    editSubject(): void {
+      // this.$emit('input', {
+      //   subject: this.$pickSubject({ selected: this.homework.uuid }),
+      // })
     },
-  },
-  computed: {
-    completed() {
-      return this.progress >= 1
+    async deleteHomework(): Promise<void> {
+      this.deleting = true
+      await this.$store.dispatch('homework/delete', {
+        uuid: this.homework.uuid,
+      })
+      this.deleting = false
     },
-    sliderTooltip() {
-      return `Marquer comme ${this.completed ? 'non-' : ''}terminé`
+    async toggleExpand(): Promise<void> {
+      this.expanded = !this.expanded
+      if (!this.expanded && this.editing) {
+        await this.finishEditing()
+      }
     },
   },
-  methods: {
-    ...mapActions('homework', ['switchCompletion']),
-    toggleComplete: debounce(
-      async function() {
-        this.$emit('completion-switch', !this.completed)
-        await this.switchCompletion({ uuid: this.uuid })
-      },
-      500,
-      { leading: true, trailing: false }
-    ),
-  },
-}
+})
 </script>
 
 <style lang="stylus" scoped>
-.card
-  display flex
-  overflow hidden
-  max-width 100%
-  //height: 100px
-  width 500px
-  border-radius var(--border-radius)
-  cursor pointer
-  transition box-shadow 0.25s ease
-
-.strikethrough-line
-  position absolute
-  top 50%
-  left calc(((100% - (100% - (var(--strikethrough-line-offset) * 2))) / 2))
-  width 0
-  height 0.1em
-  background var(--black)
-  transition width 0.25s ease
-  --strikethrough-line-offset 0
-
-.card.completed .complete-slider
-  background-color var(--blue)
-
-.card:not(.completed) .complete-slider
-  background-color var(--green)
-
-.complete-slider
-  z-index 10
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+.header
   display flex
-  flex-shrink 0
   align-items center
-  overflow hidden
-  width 0
-  border-radius var(--border-radius)
-  border-top-right-radius 0
-  border-bottom-right-radius 0
-  color var(--white)
-  transition width 0.25s ease
-
-  i
-    margin-left 0.5em
-
-.infos
-  position relative
+
+.toggle-expand
+  margin-left auto
+
+.actions
   display flex
-  flex-direction column
-  padding 1.1em 1.2em
-  width 100%
-  border 1px solid var(--grey-light)
-  border-radius var(--border-radius)
-
-  .first-line
-    position relative
-    display flex
-    align-items center
-    overflow hidden
-    width 100%
-    text-overflow ellipsis
-    white-space nowrap
-
-  .name
-    margin-left 0.5rem
+  justify-content end
+  align-items center
 
-  .details
-    flex-grow 0
-    overflow hidden
-    margin-top 0.5em
-    width 100%
-    text-overflow ellipsis
-    white-space pre-wrap
-    font-size 0.75em
+//
+//Sizing
+//
+
+.details
+  font-size 0.75em
+
+//
+//Spacing
+//
+.title
+  margin-left 0.5em
+
+.details
+  margin-top 0.5em
+
+.actions
+  margin-top 0.5em
+
+.actions > *:not(:last-child)
+  margin-right 0.7em
+
+//
+//Decoration
+//
 
-  .graded-indicator
-    margin-left auto
-    font-size 1.3em
+//
+//Colors
+//
 
-.is-a-test .graded-indicator
-  color var(--red)
+//
+//Typography
+//
 
-.card.completed
-  .infos
-    opacity 0.5
+//
+//States
+//
 
-  .strikethrough-line
-    width calc(100% - (var(--strikethrough-line-offset) * 2))
+//// Expanded/not expanded
+.--card-homework, .actions, .details, .toggle-expand
+  transition ease 250ms all
 
-.card:hover
-  &
-    box-shadow var(--shadow-2)
+.--card-homework:not(.expanded)
+  max-height 5.1rem
+
+  .actions
+    opacity 0
+
+  .details
+    line-clamp 1
+
+  .toggle-expand
+    transform rotate(0)
+
+.--card-homework.expanded
+  max-height 100rem
+
+  .actions
+    opacity 1
+
+  .details
+    line-clamp 0
 
-  .complete-slider
-    width 3em
 
-  &.completed .complete-slider:hover
-    background-color var(--blue-dark)
+  .toggle-expand
+    transform rotate(180deg)
 
-  &:not(.completed) .complete-slider:hover
-    background-color var(--green-light)
 
-  .infos
-    border-left 0
-    border-top-left-radius 0
-    border-bottom-left-radius 0
+.slide-enter-active, .slide-leave-active
+    transition all 250ms ease
+.slide-enter, .slide-eave-to
+    opacity: 0 !important
 </style>
diff --git a/components/HeadingUppercase.vue b/components/HeadingUppercase.vue
new file mode 100644
index 0000000..857d249
--- /dev/null
+++ b/components/HeadingUppercase.vue
@@ -0,0 +1,75 @@
+<template>
+  <base-heading :level="level" class="--heading-uppercase">
+    <slot></slot>
+  </base-heading>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import { isHeadingLevel } from '../utils/validators'
+import BaseHeading from '~/components/BaseHeading.vue'
+
+export default Vue.extend({
+  components: { BaseHeading },
+  props: {
+    level: {
+      type: Number,
+      default: 3,
+      validator: isHeadingLevel,
+    } as PropOptions<number>,
+  },
+})
+</script>
+
+<style lang="stylus">
+//
+// Definitions
+//
+
+
+
+//
+// Positioning
+//
+
+
+
+//
+// Sizing
+//
+
+.--heading-uppercase
+    font-size: 1.2em
+
+//
+// Spacing
+//
+
+
+
+//
+// Decoration
+//
+
+
+
+//
+// Colors
+//
+
+
+
+//
+// Typography
+//
+
+.--heading-uppercase
+    text-transform uppercase
+    font-weight bold
+    letter-spacing: 0.09em
+
+//
+// States
+//
+</style>
diff --git a/components/InputText.vue b/components/InputText.vue
new file mode 100644
index 0000000..39f78c8
--- /dev/null
+++ b/components/InputText.vue
@@ -0,0 +1,75 @@
+<template>
+  <base-input
+    type="text"
+    :element="block ? 'textarea' : 'input'"
+    v-bind="{ ...$props }"
+    @input="$emit('input', $event)"
+  >
+    <slot></slot>
+  </base-input>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import BaseInput from '~/components/BaseInput.vue'
+
+export default Vue.extend({
+  components: { BaseInput },
+  extends: BaseInput,
+  props: {
+    block: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+// Definitions
+//
+
+
+
+//
+// Positioning
+//
+
+
+
+//
+// Sizing
+//
+
+
+
+//
+// Spacing
+//
+
+
+
+//
+// Decoration
+//
+
+
+
+//
+// Colors
+//
+
+
+
+//
+// Typography
+//
+
+
+
+//
+// States
+//
+</style>
diff --git a/components/TextLink.vue b/components/TextLink.vue
new file mode 100644
index 0000000..c78b4fe
--- /dev/null
+++ b/components/TextLink.vue
@@ -0,0 +1,117 @@
+<template>
+  <component
+    :is="element"
+    v-bind="{ ...toOrHref, target, rel, title, ...$attrs }"
+    :class="{ '--text-link': true, external: isExternal }"
+  >
+    <slot></slot>
+  </component>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+
+export default Vue.extend({
+  props: {
+    to: {
+      type: String,
+      required: true,
+    } as PropOptions<string>,
+    newTab: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    title: {
+      type: String,
+      default: '',
+    } as PropOptions<string>,
+  },
+  computed: {
+    isExternal(): boolean {
+      /* If the URL targeted starts with one of the three protocols http, https or ftp,
+       * the link  is assumed to be external.
+       */
+      return /^(https?|ftp):\/\//.test(this.to)
+    },
+    element(): 'nuxt-link' | 'a' {
+      /* External links need normal <a> while internal ones can be
+       * optimized by <nuxt-link>.
+       */
+      return this.isExternal ? 'a' : 'nuxt-link'
+    },
+    toOrHref(): { href: string } | { to: string } {
+      // External links use [href], while <nuxt-link> uses [to]
+      if (this.isExternal) {
+        return { href: this.to }
+      }
+      return { to: this.to }
+    },
+    target(): '_blank' | null {
+      // Set target="_blank" to open in new tab
+      return this.newTab ? '_blank' : null
+    },
+    rel(): string | null {
+      let relArray: string[] = []
+      // Prevent leaks via `Window.opener`
+      if (this.isExternal)
+        relArray = [...relArray, 'external', 'noopener', 'noreferrer']
+      // rel list is space-separated
+      const relString = relArray.join(' ')
+      // Don't include the attribute if the list is empty
+      if (!relString) return null
+      return relString
+    },
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+
+//
+//Positioning
+//
+
+//
+//Sizing
+//
+
+//
+//Spacing
+//
+
+//
+//Decoration
+//
+.--text-link
+  border-bottom 2px solid
+
+.--text-link.external::after
+  position relative
+  bottom -0.1em
+  margin-left 0.1em
+  content '\e89e'
+  font-size 1.2em
+  font-family 'Material Icons'
+
+//
+//Colors
+//
+.--text-link
+  border-color var(--blue)
+  color var(--blue)
+
+//
+//Typography
+//
+
+//
+//States
+//
+.--text-link:hover, .--text-link:focus, .--text-link:active
+  border-color var(--blue-dark)
+  color var(--blue-dark)
+</style>
diff --git a/components/TimeTable.vue b/components/TimeTable.vue
new file mode 100644
index 0000000..83b4d47
--- /dev/null
+++ b/components/TimeTable.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="--time-table">
+    <ModalAddEvent
+      v-model="editingEvent"
+      action="edit"
+      @submit="patch({ modifications: editingEvent, uuid: editingEvent.uuid })"
+      @delete="del({ uuid: editingEvent.uuid })"
+    ></ModalAddEvent>
+    <v-stage :config="canvasConfig">
+      <v-layer
+        @click="handleEventClick"
+        @mouseenter="handleHover"
+        @mouseleave="handleHover"
+        ><template v-for="event in events"
+          ><v-rect
+            :key="`${event.uuid}-rect`"
+            :config="resolveRect(event)"
+          ></v-rect
+          ><v-text
+            :key="`${event.uuid}-text`"
+            :config="resolveText(event)"
+          ></v-text></template
+        ><template v-for="day in days"
+          ><v-text :key="day.text" :config="day"></v-text
+          ><template v-if="!allEventsAreOnBothWeeks"
+            ><v-text
+              :key="`${day.text}-even`"
+              :config="weekTypes(day).even"
+            ></v-text
+            ><v-text
+              :key="`${day.text}-odd`"
+              :config="weekTypes(day).odd"
+            ></v-text></template
+        ></template>
+      </v-layer>
+    </v-stage>
+  </div>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import { mapGetters, mapActions } from 'vuex'
+import groupBy from 'lodash.groupby'
+import clamp from 'lodash.clamp'
+import { firstBy } from 'thenby'
+import { parse } from 'date-fns'
+// eslint-disable-next-line no-unused-vars
+import * as Konva from 'konva'
+import ModalAddEvent from '~/components/legacy/ModalAddEvent.vue'
+import '~/types/api-resources'
+
+export default Vue.extend({
+  components: { ModalAddEvent },
+  props: {
+    showDeleted: {
+      type: Boolean,
+      default: true,
+    } as PropOptions<boolean>,
+    readOnly: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    bothWeeks: {
+      type: Boolean,
+      default: false,
+    } as PropOptions<boolean>,
+    namespace: {
+      type: String,
+      default: '',
+    } as PropOptions<string>,
+    pixelsPerMinute: {
+      type: Number,
+      default: 1.5,
+    } as PropOptions<number>,
+    events: {
+      type: Array,
+      required: true,
+    } as PropOptions<ApiResourceEvent[]>,
+  },
+  data() {
+    const defaults = {
+      subject: null,
+      week_type: 'BOTH',
+      day: null,
+      start: null,
+      end: null,
+      room: null,
+      identifier$action: 'edit',
+    }
+    return {
+      editingEvent: {
+        ...defaults,
+        uuid: null,
+      },
+      recomputeCanvasWidth: 1,
+      headerHeight: 50,
+    }
+  },
+  computed: {
+    dayNames(): string[] {
+      const names = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi']
+      if (this.colmunsCount >= 6) names.push('Samedi')
+      if (this.colmunsCount === 7) names.push('Dimanche')
+      return names
+    },
+    dayWidth(): number {
+      return this.resolveWidth({ week_type: 'BOTH' })
+    },
+    days(): Konva.default.TextConfig[] {
+      const dayConfigs = []
+      // eslint-disable-next-line no-unused-vars
+      for (const day of this.dayNames) {
+        dayConfigs.push({
+          text: day,
+          y: 0,
+          x: this.dayWidth * this.dayNames.indexOf(day),
+          width: this.dayWidth,
+          height: this.headerHeight / 2,
+          fontSize: 20,
+          fontFamily: 'Now',
+          align: 'center',
+        })
+      }
+      return dayConfigs
+    },
+    heightOfLongestDay(): number {
+      // Get the latest event to end
+      const latestEndingEvent = Math.max(...this.events.map(event => event.end))
+      return latestEndingEvent - this.earliestStartTimeOfWeek
+    },
+    earliestStartTimeOfWeek(): number {
+      // Mapping of day: events[]
+      const eventsByDay = groupBy(this.events, 'day')
+      // List of events[] grouped by day
+      const eventsDayGrouped = Object.values(eventsByDay)
+      // Get the length of each day
+      const dayStarts = eventsDayGrouped.map(events => {
+        const sorted = events.sort(firstBy('start'))
+        const dayStart = sorted[0].start
+        return dayStart
+      })
+      // Get the max length
+      return Math.min(...dayStarts)
+    },
+    canvasConfig(): { width: number; height: number } {
+      // Trick to allow for recomputation of values on window resize
+      const windowWidth =
+        window.innerWidth +
+        this.recomputeCanvasWidth -
+        +this.recomputeCanvasWidth
+      return {
+        // height: this.headerHeight + this.heightOfLongestDay, gives a strange NS_ERROR_FAILURE from konvaJS on ff only
+        // it looks like any computation that involves this.events fails with the same error.
+        // thus we assume calendars will be at most 12 hours long.
+        height: this.headerHeight + 12 * 60 * this.pixelsPerMinute,
+        // width: Math.min(windowWidth - 100, 1000)
+        width: clamp(windowWidth - 100, 500, 1000),
+      }
+    },
+    colmunsCount(): number {
+      // Get an array of days of events (unique)
+      const days = [...new Set(this.events.map(event => event.day))]
+      // Work week (excluding weekends)
+      let colmunsCount = 5
+      // If we have saturday, bump the column count to 6
+      if (days.includes(6)) {
+        colmunsCount = 6
+      }
+      // If we have sunday, bump to 7 (the whole week)
+      if (days.includes(7)) {
+        colmunsCount = 7
+      }
+      return colmunsCount
+    },
+    allEventsAreOnBothWeeks(): boolean {
+      // Get all the events' week_types (unique)
+      const weekTypes = [...new Set(this.events.map(event => event.week_type))]
+      return !weekTypes.includes('Q1') && !weekTypes.includes('Q2')
+    },
+  },
+  mounted() {
+    window.addEventListener('resize', ev => {
+      this.recomputeCanvasWidth += 1
+    })
+  },
+  methods: {
+    ...mapGetters(['textColor']),
+    ...mapGetters('schedule', ['event']),
+    ...mapActions('schedule', { patch: 'patchEvent', del: 'deleteEvent' }),
+    weekTypes(
+      day: any
+    ): { even: Konva.default.TextConfig; odd: Konva.default.TextConfig } {
+      const week = { ...day }
+      week.y = this.headerHeight / 2
+      week.width /= 2
+      week.fontSize *= 0.75
+      week.opacity = 0.5
+      const evenWeek = { ...week }
+      const oddWeek = { ...week }
+      evenWeek.text = 'Paire'
+      evenWeek.x = week.x
+      oddWeek.text = 'Impaire'
+      oddWeek.x += evenWeek.width
+      return { even: evenWeek, odd: oddWeek }
+    },
+    // eslint-disable-next-line camelcase
+    resolveWidth(event: { week_type: WeekType }): number {
+      // Get the total width the canvas should be
+      const total = this.canvasConfig.width
+      // The width is the total width divided by the number of columns there should be
+      let width = total / this.colmunsCount
+      // Half the width if its not on both week types
+      if (event.week_type !== 'BOTH') {
+        width /= 2
+      }
+      return width
+    },
+    resolveHeight(event: ApiResourceEvent): number {
+      // Get the duration of this event
+      const duration = event.end - event.start
+      // Multiply by the factor
+      return (duration / 60) * this.pixelsPerMinute
+    },
+    resolvePosition(event: ApiResourceEvent) {
+      // Get the day and multiply by the base width of an event
+      const baseWidth = this.resolveWidth({ week_type: 'BOTH' })
+      let x = baseWidth * event.day - baseWidth
+      // If the event is in Q2, we need to offset it to the right
+      if (event.week_type === 'Q2') x += baseWidth / 2
+      // Get the difference between the start of the day and the start of this event,
+      // Multiply by the height factor
+      let y =
+        ((event.start - this.earliestStartTimeOfWeek) / 60) *
+        this.pixelsPerMinute
+      // Make room for the table headers
+      y += this.headerHeight
+      return { x, y }
+    },
+    resolveRect(event: ApiResourceEvent) {
+      const { x, y } = this.resolvePosition(event)
+      return {
+        width: this.resolveWidth(event),
+        height: this.resolveHeight(event),
+        x,
+        y,
+        fill: event.subject.color,
+      }
+    },
+    resolveText(event: ApiResourceEvent) {
+      const rect = this.resolveRect(event)
+      return {
+        text: event.subject.name + '\n' + event.room,
+        fontFamily: 'Now, sans-serif',
+        y: rect.y,
+        x: rect.x,
+        width: rect.width,
+        height: rect.height,
+        align: 'center',
+        verticalAlign: 'middle',
+        fontSize: 15,
+        wrap: 'none',
+        ellipsis: true,
+        padding: 3,
+        fill: this.textColor()(rect.fill),
+        lineHeight: 1.5,
+        id: event.uuid,
+      }
+    },
+    handleEventClick(vueComponent: {
+      target: { attrs: { id: string } }
+      type: string
+    }) {
+      // The event's target element's id is the UUID
+      const eventUUID = vueComponent.target.attrs.id
+      // If the target element doesn't have an ID, we have nothing to handle
+      if (!eventUUID) return
+      // Get the element from the store with that UUID
+      const event = this.event()(eventUUID)
+      // Set the `editingEvent` data variable
+      this.editingEvent = {
+        ...event,
+        start: parse(event.start, 'HH:mm:ss', new Date(0)),
+        end: parse(event.end, 'HH:mm:ss', new Date(0)),
+      }
+      // Open the modal
+      // @ts-ignore TODO: typescriptify plugins so that I don't have to do this
+      this.$modal.open('edit-event')
+    },
+    handleHover(evt: { target: { attrs: { id: string } }; type: string }) {
+      // this.$el's reported type is `Element`, which does not contain `.style`, so I'm typecasting it as an HTMLElement
+      const canvas = this.$el as HTMLElement
+      // Check if its an event
+      if (!evt.target.attrs.id) return
+      switch (evt.type) {
+        case 'mouseenter':
+          canvas.style.cursor = 'pointer'
+          break
+
+        case 'mouseleave':
+          canvas.style.cursor = 'default'
+          break
+      }
+    },
+  },
+})
+</script>
diff --git a/components/legacy/BadgeSubject.vue b/components/legacy/BadgeSubject.vue
new file mode 100644
index 0000000..c9d040a
--- /dev/null
+++ b/components/legacy/BadgeSubject.vue
@@ -0,0 +1,194 @@
+<template lang="pug">
+component.subject(
+  :is="element"
+  :style="{backgroundColor, color: subjectNameColor}"
+  :class="{clickable, multiline, thin, inline}"
+  :data-variant="variant"
+  type="button"
+  @click="$emit('click')"
+  v-tooltip="tooltipContent"
+)
+  Icon(v-if="!color").unknown-icon more_horiz
+  span.name {{ name || placeholderName }}
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Icon from '~/components/legacy/Icon.vue'
+export default {
+  name: 'BadgeSubject',
+  components: { Icon },
+  props: {
+    // Data
+    color: {
+      type: String,
+      default: null,
+    },
+    name: {
+      type: String,
+      default: null,
+    },
+    // Supporting data
+    placeholderName: {
+      type: String,
+      default: 'Choisir...',
+    },
+    // Style
+    clickable: {
+      type: Boolean,
+      default: false,
+    },
+    multiline: {
+      type: Boolean,
+      default: false,
+    },
+    variant: {
+      type: String,
+      default: 'badge',
+    },
+    thin: {
+      type: Boolean,
+      default: false,
+    },
+    inline: {
+      type: Boolean,
+      default: false,
+    },
+    noTooltip: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    backgroundColor() {
+      return this.color || 'var(--black)'
+    },
+    subjectNameColor() {
+      return this.color ? this.textColor()(this.color) : 'var(--white)'
+    },
+    element() {
+      return this.clickable ? 'button' : 'span'
+    },
+    tooltipContent() {
+      if (this.noTooltip) return null
+      return this.name || this.placeholderName
+    },
+  },
+  methods: {
+    ...mapGetters(['textColor']),
+  },
+}
+</script>
+
+<style lang="stylus" scoped>
+//
+//Definitions
+//
+badge-aspect()
+  //==== Positioning
+  align-items center
+  //==== Spacing
+  padding 0.7em
+  //==== Decorations
+  border-radius var(--border-radius)
+
+dot-aspect()
+  //==== Definitions
+  size = 1.2em
+
+  //==== Positioning
+  display flex
+  flex-shrink 0
+  justify-content center
+  align-items center
+  min-width size / 2
+  min-height size / 2
+  width size
+  //==== Sizing
+  height size
+  //==== Decoration
+  border-radius 50%
+
+  //==== Appearance
+  .name
+    display none
+
+//
+//Layout
+//
+.subject
+  position relative
+  //==== Positioning
+  display block
+  //==== Appearance
+  overflow hidden
+  //==== Sizing
+  max-height 25vh
+
+//
+//Decoration
+//
+.subject
+  appearance none
+
+//
+//Colors
+//
+.unknown-icon
+  color var(--white)
+
+//
+//Typography
+//
+.subject
+  text-overflow ellipsis
+  font-weight normal
+
+  &:not(.multiline)
+    flex-shrink 0
+    white-space nowrap
+
+  &.multiline
+    white-space wrap
+
+//
+//States
+//
+[data-variant=badge]
+  badge-aspect()
+
+  &.thin
+    padding 0.3em 0.5em
+
+[data-variant=dot]
+  dot-aspect()
+
+[data-variant=pill]
+  badge-aspect()
+  size = 1.5em
+
+  display flex
+  flex-shrink 1
+  align-items center
+  height size
+  border-radius size
+
+[data-variant=responsive]
+  @media (max-width: 650px)
+    badge-aspect()
+
+  @media (min-width: 651px)
+    dot-aspect()
+
+.inline
+  display inline-flex
+  padding 0
+  padding-bottom -0.5em
+  width 1em
+  height 1em
+
+.clickable
+  &:focus, &:hover
+    outline none
+    opacity 0.75
+</style>
diff --git a/components/legacy/BaseBadge.vue b/components/legacy/BaseBadge.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseButton.vue b/components/legacy/BaseButton.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseCard.vue b/components/legacy/BaseCard.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseDialog.vue b/components/legacy/BaseDialog.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseHeading.vue b/components/legacy/BaseHeading.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseInput.vue b/components/legacy/BaseInput.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseInputText.vue b/components/legacy/BaseInputText.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseLogo.vue b/components/legacy/BaseLogo.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/BaseModal.vue b/components/legacy/BaseModal.vue
similarity index 98%
rename from components/BaseModal.vue
rename to components/legacy/BaseModal.vue
index f40686f..bfa88de 100644
--- a/components/BaseModal.vue
+++ b/components/legacy/BaseModal.vue
@@ -27,7 +27,7 @@ aside.BaseModal(:id="`modal_${name}`",
 </template>
 
 <script>
-import Icon from '~/components/Icon.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   name: 'BaseModal',
diff --git a/components/legacy/BaseModalObject.vue b/components/legacy/BaseModalObject.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BasePicker.vue b/components/legacy/BasePicker.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/BaseScreen.vue b/components/legacy/BaseScreen.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ButtonIcon.vue b/components/legacy/ButtonIcon.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/ButtonNormal.vue b/components/legacy/ButtonNormal.vue
similarity index 100%
rename from components/ButtonNormal.vue
rename to components/legacy/ButtonNormal.vue
diff --git a/components/legacy/ButtonOutline.vue b/components/legacy/ButtonOutline.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ButtonPrimary.vue b/components/legacy/ButtonPrimary.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/CardAdd.vue b/components/legacy/CardAdd.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/CardCourse.vue b/components/legacy/CardCourse.vue
similarity index 93%
rename from components/CardCourse.vue
rename to components/legacy/CardCourse.vue
index bd2aa32..991ed77 100644
--- a/components/CardCourse.vue
+++ b/components/legacy/CardCourse.vue
@@ -19,9 +19,9 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import Icon from '~/components/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: { Icon, BadgeSubject, HeadingSub },
diff --git a/components/CardGrade.vue b/components/legacy/CardGrade.vue
similarity index 96%
rename from components/CardGrade.vue
rename to components/legacy/CardGrade.vue
index 38e4b99..709f4ce 100644
--- a/components/CardGrade.vue
+++ b/components/legacy/CardGrade.vue
@@ -21,8 +21,8 @@
 import 'vue-context/src/sass/vue-context.scss'
 import VueContext from 'vue-context'
 import { mapGetters } from 'vuex'
-import Icon from '~/components/Icon.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
 
 export default {
   components: { BadgeSubject, Icon, VueContext },
diff --git a/components/legacy/CardHomework.vue b/components/legacy/CardHomework.vue
new file mode 100644
index 0000000..d41beaa
--- /dev/null
+++ b/components/legacy/CardHomework.vue
@@ -0,0 +1,187 @@
+<template lang="pug">
+    .card(
+        @click="$emit('click')"
+        :class="{completed, opened, [`is-a-${type.toLowerCase()}`]: true}"
+        v-touch:swipe.left="toggleComplete"
+        v-touch:swipe.right="toggleComplete"
+    )
+        .complete-slider(@click.stop="toggleComplete" :title="sliderTooltip")
+            Icon(v-show="completed") refresh
+            Icon(v-show="!completed") check
+        .infos
+            .first-line
+                .strikethrough-line
+                BadgeSubject.subject-color(v-bind="subject" variant="dot")
+                span.name {{ name }}
+                Icon.graded-indicator(
+                  v-if="['COURSEWORK', 'TEST'].includes(type)"
+                  v-tooltip="type === 'TEST' ? 'Contrôle' : 'Noté'"
+                ) error_outline
+            .details(v-if="details" v-html="details")
+</template>
+
+<script>
+import { mapActions } from 'vuex'
+import debounce from 'lodash.debounce'
+import Icon from '~/components/legacy/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import InputField from '~/components/legacy/InputField.vue'
+export default {
+  components: { Icon, BadgeSubject, InputField },
+  props: {
+    name: {
+      type: String,
+      required: true,
+    },
+    details: {
+      type: String,
+      default: '',
+    },
+    subject: {
+      type: Object,
+      required: true,
+    },
+    uuid: {
+      type: String,
+      required: true,
+    },
+    progress: {
+      type: Number,
+      default: 0,
+    },
+    opened: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    completed() {
+      return this.progress >= 1
+    },
+    sliderTooltip() {
+      return `Marquer comme ${this.completed ? 'non-' : ''}terminé`
+    },
+  },
+  methods: {
+    ...mapActions('homework', ['switchCompletion']),
+    toggleComplete: debounce(
+      async function() {
+        this.$emit('completion-switch', !this.completed)
+        await this.switchCompletion({ uuid: this.uuid })
+      },
+      500,
+      { leading: true, trailing: false }
+    ),
+  },
+}
+</script>
+
+<style lang="stylus" scoped>
+.card
+  display flex
+  overflow hidden
+  max-width 100%
+  //height: 100px
+  width 500px
+  border-radius var(--border-radius)
+  cursor pointer
+  transition box-shadow 0.25s ease
+
+.strikethrough-line
+  position absolute
+  top 50%
+  left calc(((100% - (100% - (var(--strikethrough-line-offset) * 2))) / 2))
+  width 0
+  height 0.1em
+  background var(--black)
+  transition width 0.25s ease
+  --strikethrough-line-offset 0
+
+.card.completed .complete-slider
+  background-color var(--blue)
+
+.card:not(.completed) .complete-slider
+  background-color var(--green)
+
+.complete-slider
+  z-index 10
+  display flex
+  flex-shrink 0
+  align-items center
+  overflow hidden
+  width 0
+  border-radius var(--border-radius)
+  border-top-right-radius 0
+  border-bottom-right-radius 0
+  color var(--white)
+  transition width 0.25s ease
+
+  i
+    margin-left 0.5em
+
+.infos
+  position relative
+  display flex
+  flex-direction column
+  padding 1.1em 1.2em
+  width 100%
+  border 1px solid var(--grey-light)
+  border-radius var(--border-radius)
+
+  .first-line
+    position relative
+    display flex
+    align-items center
+    overflow hidden
+    width 100%
+    text-overflow ellipsis
+    white-space nowrap
+
+  .name
+    margin-left 0.5rem
+
+  .details
+    flex-grow 0
+    overflow hidden
+    margin-top 0.5em
+    width 100%
+    text-overflow ellipsis
+    white-space pre-wrap
+    font-size 0.75em
+
+  .graded-indicator
+    margin-left auto
+    font-size 1.3em
+
+.is-a-test .graded-indicator
+  color var(--red)
+
+.card.completed
+  .infos
+    opacity 0.5
+
+  .strikethrough-line
+    width calc(100% - (var(--strikethrough-line-offset) * 2))
+
+.card:hover
+  &
+    box-shadow var(--shadow-2)
+
+  .complete-slider
+    width 3em
+
+  &.completed .complete-slider:hover
+    background-color var(--blue-dark)
+
+  &:not(.completed) .complete-slider:hover
+    background-color var(--green-light)
+
+  .infos
+    border-left 0
+    border-top-left-radius 0
+    border-bottom-left-radius 0
+</style>
diff --git a/components/CardMutation.vue b/components/legacy/CardMutation.vue
similarity index 95%
rename from components/CardMutation.vue
rename to components/legacy/CardMutation.vue
index 4531cda..be4b712 100644
--- a/components/CardMutation.vue
+++ b/components/legacy/CardMutation.vue
@@ -18,7 +18,7 @@
 import { mapGetters } from 'vuex'
 import { format } from 'date-fns'
 import { fr } from 'date-fns/locale'
-import BadgeSubject from '~/components/BadgeSubject.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
 
 export default {
   components: { BadgeSubject },
diff --git a/components/CardNote.vue b/components/legacy/CardNote.vue
similarity index 96%
rename from components/CardNote.vue
rename to components/legacy/CardNote.vue
index 35410a0..2489111 100644
--- a/components/CardNote.vue
+++ b/components/legacy/CardNote.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import Icon from '~/components/Icon.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
 export default {
   components: { Icon, BadgeSubject },
   props: {
diff --git a/components/CardReport.vue b/components/legacy/CardReport.vue
similarity index 95%
rename from components/CardReport.vue
rename to components/legacy/CardReport.vue
index 3da034b..3b190f5 100644
--- a/components/CardReport.vue
+++ b/components/legacy/CardReport.vue
@@ -16,8 +16,8 @@
 
 <script>
 import { format, isValid } from 'date-fns'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import Icon from '~/components/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: { ButtonNormal, Icon },
diff --git a/components/CardSubject.vue b/components/legacy/CardSubject.vue
similarity index 93%
rename from components/CardSubject.vue
rename to components/legacy/CardSubject.vue
index ca8a847..1ea6b81 100644
--- a/components/CardSubject.vue
+++ b/components/legacy/CardSubject.vue
@@ -15,8 +15,8 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Icon from '~/components/Icon.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
 
 export default {
   components: { Icon, BadgeSubject },
diff --git a/components/Checkbox.vue b/components/legacy/Checkbox.vue
similarity index 97%
rename from components/Checkbox.vue
rename to components/legacy/Checkbox.vue
index fadb339..5e0504a 100644
--- a/components/Checkbox.vue
+++ b/components/legacy/Checkbox.vue
@@ -14,7 +14,7 @@
 
 <script>
 import slugify from 'slugify'
-import Icon from '~/components/Icon.vue'
+import Icon from '~/components/legacy/Icon.vue'
 export default {
   components: { Icon },
   data() {
diff --git a/components/legacy/DialogConfirm.vue b/components/legacy/DialogConfirm.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/HeadingRegular.vue b/components/legacy/HeadingRegular.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/HeadingSub.vue b/components/legacy/HeadingSub.vue
similarity index 100%
rename from components/HeadingSub.vue
rename to components/legacy/HeadingSub.vue
diff --git a/components/legacy/HeadingUppercase.vue b/components/legacy/HeadingUppercase.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/Icon.vue b/components/legacy/Icon.vue
similarity index 100%
rename from components/Icon.vue
rename to components/legacy/Icon.vue
diff --git a/components/InputButtonsSelect.vue b/components/legacy/InputButtonsSelect.vue
similarity index 94%
rename from components/InputButtonsSelect.vue
rename to components/legacy/InputButtonsSelect.vue
index 085851f..aa9601e 100644
--- a/components/InputButtonsSelect.vue
+++ b/components/legacy/InputButtonsSelect.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { ButtonNormal },
diff --git a/components/legacy/InputCheckbox.vue b/components/legacy/InputCheckbox.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputDropdown.vue b/components/legacy/InputDropdown.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputDropdownSubject.vue b/components/legacy/InputDropdownSubject.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/InputField.vue b/components/legacy/InputField.vue
similarity index 100%
rename from components/InputField.vue
rename to components/legacy/InputField.vue
diff --git a/components/legacy/InputRadios.vue b/components/legacy/InputRadios.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputRadiosButtons.vue b/components/legacy/InputRadiosButtons.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/InputSelect.vue b/components/legacy/InputSelect.vue
similarity index 100%
rename from components/InputSelect.vue
rename to components/legacy/InputSelect.vue
diff --git a/components/InputSelectSubject.vue b/components/legacy/InputSelectSubject.vue
similarity index 89%
rename from components/InputSelectSubject.vue
rename to components/legacy/InputSelectSubject.vue
index 2925bd5..97abe97 100644
--- a/components/InputSelectSubject.vue
+++ b/components/legacy/InputSelectSubject.vue
@@ -26,9 +26,9 @@ InputSelect(
 
 <script>
 import { mapGetters } from 'vuex'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import InputSelect from '~/components/InputSelect.vue'
-import Icon from '~/components/Icon.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import InputSelect from '~/components/legacy/InputSelect.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: { BadgeSubject, InputSelect, Icon },
diff --git a/components/InputSetting.vue b/components/legacy/InputSetting.vue
similarity index 84%
rename from components/InputSetting.vue
rename to components/legacy/InputSetting.vue
index 47533b9..e77d66b 100644
--- a/components/InputSetting.vue
+++ b/components/legacy/InputSetting.vue
@@ -35,10 +35,10 @@
 
 <script>
 import { mapActions, mapState } from 'vuex'
-import InputField from '~/components/InputField.vue'
-import InputSelect from '~/components/InputSelect.vue'
-import RadioButtons from '~/components/RadioButtons.vue'
-import Checkbox from '~/components/Checkbox.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import InputSelect from '~/components/legacy/InputSelect.vue'
+import RadioButtons from '~/components/legacy/RadioButtons.vue'
+import Checkbox from '~/components/legacy/Checkbox.vue'
 
 export default {
   components: { InputField, InputSelect, RadioButtons, Checkbox },
@@ -67,7 +67,10 @@ export default {
     verboseChoices() {
       const choices = []
       this.choices.forEach(choice => {
-        const verboseChoice = this.verboseChoices.hasOwnProperty(choice)
+        const verboseChoice = Object.prototype.hasOwnProperty.call(
+          this.verboseChoices,
+          choice
+        )
           ? this.verboseChoices[choice]
           : choice
         choices.push({ key: choice, label: verboseChoice })
diff --git a/components/legacy/InputTextDate.vue b/components/legacy/InputTextDate.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputTextDueDate.vue b/components/legacy/InputTextDueDate.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputTextNumber.vue b/components/legacy/InputTextNumber.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputTextPassword.vue b/components/legacy/InputTextPassword.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/InputTextPlain.vue b/components/legacy/InputTextPlain.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/Link.vue b/components/legacy/Link.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/LogoCompound.vue b/components/legacy/LogoCompound.vue
similarity index 100%
rename from components/LogoCompound.vue
rename to components/legacy/LogoCompound.vue
diff --git a/components/legacy/LogoSymbol.vue b/components/legacy/LogoSymbol.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/LogoWordmark.vue b/components/legacy/LogoWordmark.vue
similarity index 100%
rename from components/LogoWordmark.vue
rename to components/legacy/LogoWordmark.vue
diff --git a/components/ModalAddEvent.vue b/components/legacy/ModalAddEvent.vue
similarity index 91%
rename from components/ModalAddEvent.vue
rename to components/legacy/ModalAddEvent.vue
index def9677..7b347e5 100644
--- a/components/ModalAddEvent.vue
+++ b/components/legacy/ModalAddEvent.vue
@@ -72,13 +72,13 @@
 // eslint-disable-next-line no-unused-vars
 import { differenceInSeconds, format, isValid, parse } from 'date-fns'
 import { mapGetters } from 'vuex'
-import ModalObject from '~/components/ModalObject.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import InputField from '~/components/InputField.vue'
-import PickerSubject from '~/components/PickerSubject.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import RadioButtons from '~/components/RadioButtons.vue'
-import Icon from '~/components/Icon.vue'
+import ModalObject from '~/components/legacy/ModalObject.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import PickerSubject from '~/components/legacy/PickerSubject.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import RadioButtons from '~/components/legacy/RadioButtons.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: {
diff --git a/components/ModalAddGrade.vue b/components/legacy/ModalAddGrade.vue
similarity index 94%
rename from components/ModalAddGrade.vue
rename to components/legacy/ModalAddGrade.vue
index 731b1e2..985074a 100644
--- a/components/ModalAddGrade.vue
+++ b/components/legacy/ModalAddGrade.vue
@@ -75,11 +75,11 @@
 
 <script>
 import { mapGetters, mapState } from 'vuex'
-import BaseModal from '~/components/BaseModal.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import InputField from '~/components/InputField.vue'
-import PickerSubject from '~/components/PickerSubject.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import PickerSubject from '~/components/legacy/PickerSubject.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 export default {
   components: {
     BaseModal,
diff --git a/components/ModalAddHomework.vue b/components/legacy/ModalAddHomework.vue
similarity index 88%
rename from components/ModalAddHomework.vue
rename to components/legacy/ModalAddHomework.vue
index 9e16e84..a4d8695 100644
--- a/components/ModalAddHomework.vue
+++ b/components/legacy/ModalAddHomework.vue
@@ -53,14 +53,14 @@
 <script>
 import { mapGetters, mapState } from 'vuex'
 import { fromUnixTime } from 'date-fns'
-import ModalObject from '~/components/ModalObject.vue'
-import PickerSubject from '~/components/PickerSubject.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import RadioButtons from '~/components/RadioButtons.vue'
-import InputField from '~/components/InputField.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import PickerDateDue from '~/components/PickerDateDue.vue'
+import ModalObject from '~/components/legacy/ModalObject.vue'
+import PickerSubject from '~/components/legacy/PickerSubject.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import RadioButtons from '~/components/legacy/RadioButtons.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import PickerDateDue from '~/components/legacy/PickerDateDue.vue'
 
 export default {
   components: {
diff --git a/components/ModalAddReport.vue b/components/legacy/ModalAddReport.vue
similarity index 94%
rename from components/ModalAddReport.vue
rename to components/legacy/ModalAddReport.vue
index c4c811c..4fcf433 100644
--- a/components/ModalAddReport.vue
+++ b/components/legacy/ModalAddReport.vue
@@ -70,11 +70,11 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import ModalObject from '~/components/ModalObject.vue'
-import InputField from '~/components/InputField.vue'
-import InputButtonsSelect from '~/components/InputButtonsSelect.vue'
-import ScreenEmpty from '~/components/ScreenEmpty.vue'
-import ScreenSuccess from '~/components/ScreenSuccess.vue'
+import ModalObject from '~/components/legacy/ModalObject.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import InputButtonsSelect from '~/components/legacy/InputButtonsSelect.vue'
+import ScreenEmpty from '~/components/legacy/ScreenEmpty.vue'
+import ScreenSuccess from '~/components/legacy/ScreenSuccess.vue'
 
 export default {
   components: {
diff --git a/components/ModalAddSubject.vue b/components/legacy/ModalAddSubject.vue
similarity index 91%
rename from components/ModalAddSubject.vue
rename to components/legacy/ModalAddSubject.vue
index 57d0b8e..c489507 100644
--- a/components/ModalAddSubject.vue
+++ b/components/legacy/ModalAddSubject.vue
@@ -48,10 +48,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import ModalObject from '~/components/ModalObject.vue'
-import InputField from '~/components/InputField.vue'
-import PickerColor from '~/components/PickerColor.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import ModalObject from '~/components/legacy/ModalObject.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import PickerColor from '~/components/legacy/PickerColor.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { InputField, ModalObject, PickerColor, ButtonNormal },
diff --git a/components/ModalDialogConfirm.vue b/components/legacy/ModalDialogConfirm.vue
similarity index 96%
rename from components/ModalDialogConfirm.vue
rename to components/legacy/ModalDialogConfirm.vue
index c58b7cb..194a75c 100644
--- a/components/ModalDialogConfirm.vue
+++ b/components/legacy/ModalDialogConfirm.vue
@@ -24,8 +24,8 @@ BaseModal.ModalDialogConfirm(:name="`confirm-${name}`", :title="heading || 'Conf
 </template>
 
 <script>
-import BaseModal from '~/components/BaseModal.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 export default {
   name: 'ModalDialogConfirm',
   components: {
diff --git a/components/ModalNoteDownload.vue b/components/legacy/ModalNoteDownload.vue
similarity index 89%
rename from components/ModalNoteDownload.vue
rename to components/legacy/ModalNoteDownload.vue
index cb64adc..08d080d 100644
--- a/components/ModalNoteDownload.vue
+++ b/components/legacy/ModalNoteDownload.vue
@@ -21,13 +21,13 @@
 <script>
 import debounce from 'lodash.debounce'
 import slugify from 'slugify'
-import BaseModal from '~/components/BaseModal.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import RadioButtons from '~/components/RadioButtons.vue'
-import InputSelect from '~/components/InputSelect.vue'
-import Checkbox from '~/components/Checkbox.vue'
-import InputField from '~/components/InputField.vue'
-import Icon from '~/components/Icon.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import RadioButtons from '~/components/legacy/RadioButtons.vue'
+import InputSelect from '~/components/legacy/InputSelect.vue'
+import Checkbox from '~/components/legacy/Checkbox.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: {
diff --git a/components/ModalObject.vue b/components/legacy/ModalObject.vue
similarity index 94%
rename from components/ModalObject.vue
rename to components/legacy/ModalObject.vue
index 6f325a6..5fa6751 100644
--- a/components/ModalObject.vue
+++ b/components/legacy/ModalObject.vue
@@ -19,8 +19,8 @@
 </template>
 
 <script>
-import BaseModal from '~/components/BaseModal.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { BaseModal, ButtonNormal },
diff --git a/components/legacy/ModalObjectEvent.vue b/components/legacy/ModalObjectEvent.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ModalObjectGrade.vue b/components/legacy/ModalObjectGrade.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ModalObjectHomework.vue b/components/legacy/ModalObjectHomework.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ModalObjectMutation.vue b/components/legacy/ModalObjectMutation.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ModalObjectSubject.vue b/components/legacy/ModalObjectSubject.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/NavbarButton.vue b/components/legacy/NavbarButton.vue
similarity index 100%
rename from components/NavbarButton.vue
rename to components/legacy/NavbarButton.vue
diff --git a/components/OverlayLoadingLogo.vue b/components/legacy/OverlayLoadingLogo.vue
similarity index 100%
rename from components/OverlayLoadingLogo.vue
rename to components/legacy/OverlayLoadingLogo.vue
diff --git a/components/PickerColor.vue b/components/legacy/PickerColor.vue
similarity index 96%
rename from components/PickerColor.vue
rename to components/legacy/PickerColor.vue
index 7c2b19d..b6b6352 100644
--- a/components/PickerColor.vue
+++ b/components/legacy/PickerColor.vue
@@ -44,9 +44,9 @@
 <script>
 import tinycolor from 'tinycolor2'
 import { firstBy } from 'thenby'
-import BaseModal from '~/components/BaseModal.vue'
-import Icon from '~/components/Icon.vue'
-import InputField from '~/components/InputField.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputField from '~/components/legacy/InputField.vue'
 
 export default {
   components: {
diff --git a/components/PickerDateDue.vue b/components/legacy/PickerDateDue.vue
similarity index 95%
rename from components/PickerDateDue.vue
rename to components/legacy/PickerDateDue.vue
index 3c5c49f..a93bb74 100644
--- a/components/PickerDateDue.vue
+++ b/components/legacy/PickerDateDue.vue
@@ -57,11 +57,11 @@ import {
 } from 'date-fns'
 import { fr } from 'date-fns/locale'
 import { mapGetters, mapState } from 'vuex'
-import BaseModal from '~/components/BaseModal.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import Icon from '~/components/Icon.vue'
-import InputField from '~/components/InputField.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
 
 export default {
   components: { BaseModal, ButtonNormal, Icon, InputField, HeadingSub },
diff --git a/components/PickerSubject.vue b/components/legacy/PickerSubject.vue
similarity index 91%
rename from components/PickerSubject.vue
rename to components/legacy/PickerSubject.vue
index 9e30fd4..7de0f60 100644
--- a/components/PickerSubject.vue
+++ b/components/legacy/PickerSubject.vue
@@ -12,8 +12,8 @@ BaseModal.PickerSubject(:name="name" title="Choisissez une matière..." edge-to-
 
 <script>
 import { mapGetters } from 'vuex'
-import BaseModal from '~/components/BaseModal.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
 
 export default {
   name: 'PickerSubject',
diff --git a/components/RadioButtons.vue b/components/legacy/RadioButtons.vue
similarity index 100%
rename from components/RadioButtons.vue
rename to components/legacy/RadioButtons.vue
diff --git a/components/Schedule.vue b/components/legacy/Schedule.vue
similarity index 99%
rename from components/Schedule.vue
rename to components/legacy/Schedule.vue
index 9eb7984..f658e71 100644
--- a/components/Schedule.vue
+++ b/components/legacy/Schedule.vue
@@ -34,7 +34,7 @@ import groupBy from 'lodash.groupby'
 import clamp from 'lodash.clamp'
 import { firstBy } from 'thenby'
 import { parse } from 'date-fns'
-import ModalAddEvent from '~/components/ModalAddEvent.vue'
+import ModalAddEvent from '~/components/legacy/ModalAddEvent.vue'
 
 export default {
   components: { ModalAddEvent },
diff --git a/components/ScreenEmpty.vue b/components/legacy/ScreenEmpty.vue
similarity index 93%
rename from components/ScreenEmpty.vue
rename to components/legacy/ScreenEmpty.vue
index 22d9692..7766207 100644
--- a/components/ScreenEmpty.vue
+++ b/components/legacy/ScreenEmpty.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { ButtonNormal },
diff --git a/components/legacy/ScreenError.vue b/components/legacy/ScreenError.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/legacy/ScreenLoading.vue b/components/legacy/ScreenLoading.vue
new file mode 100644
index 0000000..e69de29
diff --git a/components/ScreenSuccess.vue b/components/legacy/ScreenSuccess.vue
similarity index 94%
rename from components/ScreenSuccess.vue
rename to components/legacy/ScreenSuccess.vue
index eeebb47..7ec38c4 100644
--- a/components/ScreenSuccess.vue
+++ b/components/legacy/ScreenSuccess.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { ButtonNormal },
diff --git a/components/TheBottomBar.vue b/components/legacy/TheBottomBar.vue
similarity index 100%
rename from components/TheBottomBar.vue
rename to components/legacy/TheBottomBar.vue
diff --git a/components/TheDrawer.vue b/components/legacy/TheDrawer.vue
similarity index 92%
rename from components/TheDrawer.vue
rename to components/legacy/TheDrawer.vue
index 4e973ce..d83602b 100644
--- a/components/TheDrawer.vue
+++ b/components/legacy/TheDrawer.vue
@@ -35,10 +35,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Icon from '~/components/Icon.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import ModalDialogConfirm from '~/components/ModalDialogConfirm.vue'
-import LogoCompound from '~/components/LogoCompound.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import ModalDialogConfirm from '~/components/legacy/ModalDialogConfirm.vue'
+import LogoCompound from '~/components/legacy/LogoCompound.vue'
 
 export default {
   components: { Icon, ButtonNormal, ModalDialogConfirm, LogoCompound },
@@ -58,7 +58,7 @@ export default {
       return '/' + topPathFragment === link.href
     },
     hasNotifications(link) {
-      if (link.hasOwnProperty('notifications')) {
+      if (Object.prototype.hasOwnProperty.call(link, 'notifications')) {
         return link.notifications >= 1 || link.notifications === '99+'
       }
     },
diff --git a/components/TheFooter.vue b/components/legacy/TheFooter.vue
similarity index 92%
rename from components/TheFooter.vue
rename to components/legacy/TheFooter.vue
index 0860ac3..2f0217c 100644
--- a/components/TheFooter.vue
+++ b/components/legacy/TheFooter.vue
@@ -22,9 +22,9 @@
 
 <script>
 import { mapState } from 'vuex'
-import HeadingSub from '~/components/HeadingSub.vue'
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
-import LogoWordmark from '~/components/LogoWordmark.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
+import LogoWordmark from '~/components/legacy/LogoWordmark.vue'
 export default {
   components: {
     HeadingSub,
diff --git a/components/TheHeading.vue b/components/legacy/TheHeading.vue
similarity index 100%
rename from components/TheHeading.vue
rename to components/legacy/TheHeading.vue
diff --git a/components/TheSideRail.vue b/components/legacy/TheSideRail.vue
similarity index 92%
rename from components/TheSideRail.vue
rename to components/legacy/TheSideRail.vue
index 6dcb1b3..acaae65 100644
--- a/components/TheSideRail.vue
+++ b/components/legacy/TheSideRail.vue
@@ -17,7 +17,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Icon from '~/components/Icon.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: { Icon },
@@ -29,7 +29,7 @@ export default {
       return '/' + topPathFragment === link.href
     },
     hasNotifications(link) {
-      if (link.hasOwnProperty('notifications')) {
+      if (Object.prototype.hasOwnProperty.call(link, 'notifications')) {
         return link.notifications >= 1 || link.notifications === '99+'
       }
     },
diff --git a/components/TheTopBar.vue b/components/legacy/TheTopBar.vue
similarity index 91%
rename from components/TheTopBar.vue
rename to components/legacy/TheTopBar.vue
index 8ab4b12..5da0806 100644
--- a/components/TheTopBar.vue
+++ b/components/legacy/TheTopBar.vue
@@ -21,9 +21,9 @@
 </template>
 
 <script>
-import Icon from '~/components/Icon.vue'
-import InputField from '~/components/InputField.vue'
-import LogoCompound from '~/components/LogoCompound.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import LogoCompound from '~/components/legacy/LogoCompound.vue'
 
 export default {
   components: { Icon, InputField, LogoCompound },
diff --git a/layouts/bare.vue b/layouts/bare.vue
index 9b17c4e..64a7a90 100644
--- a/layouts/bare.vue
+++ b/layouts/bare.vue
@@ -10,7 +10,7 @@
 
 <script>
 import { toDate } from 'date-fns'
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
 export default {
   components: { OverlayLoadingLogo },
   head() {
diff --git a/layouts/default.vue b/layouts/default.vue
index f56b3cc..c473dec 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -18,13 +18,13 @@
 <script>
 import { toDate } from 'date-fns'
 import { mapGetters, mapState, mapActions } from 'vuex'
-import TheDrawer from '~/components/TheDrawer.vue'
-import TheTopBar from '~/components/TheTopBar.vue'
-import TheFooter from '~/components/TheFooter.vue'
-import TheSideRail from '~/components/TheSideRail.vue'
-import BaseModal from '~/components/BaseModal.vue'
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
-import ModalAddReport from '~/components/ModalAddReport.vue'
+import TheDrawer from '~/components/legacy/TheDrawer.vue'
+import TheTopBar from '~/components/legacy/TheTopBar.vue'
+import TheFooter from '~/components/legacy/TheFooter.vue'
+import TheSideRail from '~/components/legacy/TheSideRail.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
+import ModalAddReport from '~/components/legacy/ModalAddReport.vue'
 
 export default {
   components: {
diff --git a/nuxt.config.js b/nuxt.config.js
index 5a2ea65..95c5924 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -126,8 +126,10 @@ export default {
   buildModules: [
     // Doc: https://github.com/nuxt-community/eslint-module
     '@nuxtjs/eslint-module',
-    // // Doc: https://github.com/nuxt-community/stylelint-module
-    // '@nuxtjs/stylelint-module'
+    // Doc: https://typescript.nuxtjs.org/guide/setup.html
+    '@nuxt/typescript-build',
+    // Doc: https://nuxt-typed-vuex.danielcroe.com/setup.html
+    'nuxt-typed-vuex',
   ],
   /*
    ** Nuxt.js modules
@@ -197,6 +199,7 @@ export default {
         config.devtool = ctx.isClient ? 'source-map' : 'inline-source-map'
       }
     },
+    transpile: ['/typed-vuex/'],
   },
   pwa: {
     meta: {
@@ -210,4 +213,9 @@ export default {
       nativeUI: true,
     },
   },
+  typescript: {
+    typeCheck: {
+      eslint: true,
+    },
+  },
 }
diff --git a/package.json b/package.json
index 0659b27..7580608 100644
--- a/package.json
+++ b/package.json
@@ -7,11 +7,11 @@
   "private": true,
   "scripts": {
     "dev": "tmux new -s schoolsyst-dev -d 'yarn dev:frontend' \\; split-window -h -d 'yarn dev:backend' \\; attach",
-    "dev:frontend": "nuxt",
-    "build": "nuxt build",
-    "start": "nuxt start",
-    "generate": "nuxt generate",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
+    "dev:frontend": "nuxt-ts",
+    "build": "nuxt-ts build",
+    "start": "nuxt-ts start",
+    "generate": "nuxt-ts generate",
+    "lint": "eslint --ext .js,.vue,.ts --ignore-path .gitignore .",
     "test": "cross-env NODE_ENV=test jest",
     "dev:backend": "cd ../schoolsyst-api && poetry run python manage.py runserver 9999"
   },
@@ -71,7 +71,7 @@
     ]
   },
   "lint-staged": {
-    "*.{js,vue}": "eslint"
+    "*.{js,vue,ts}": "eslint"
   },
   "husky": {
     "hooks": {
@@ -79,11 +79,15 @@
     }
   },
   "dependencies": {
+    "@nuxt/typescript-runtime": "^0.4.7",
     "@nuxtjs/auth": "^4.8.1",
     "@nuxtjs/axios": "^5.3.6",
     "@nuxtjs/dotenv": "^1.4.0",
     "@nuxtjs/pwa": "^3.0.0-0",
     "@nuxtjs/toast": "^3.2.1",
+    "@types/lodash.clamp": "^4.0.6",
+    "@types/lodash.groupby": "^4.6.6",
+    "@types/tinycolor2": "^1.4.2",
     "chart.js": "^2.9.3",
     "constant-case": "^2.0.0",
     "countable": "^3.0.1",
@@ -100,6 +104,7 @@
     "markvis": "^0.0.12",
     "node-sass": "^4.12.0",
     "nuxt": "^2.0.0",
+    "nuxt-typed-vuex": "^0.1.18",
     "nuxt-vue-select": "^0.1.4",
     "platform": "^1.3.5",
     "pug": "2.0.4",
@@ -130,12 +135,12 @@
     "@babel/plugin-transform-regenerator": "^7.8.7",
     "@babel/plugin-transform-runtime": "^7.9.0",
     "@babel/preset-env": "^7.8.7",
-    "@nuxtjs/eslint-config": "^1.0.1",
+    "@nuxt/typescript-build": "^1.0.0",
+    "@nuxtjs/eslint-config-typescript": "^2.0.0",
     "@nuxtjs/eslint-module": "^1.0.0",
     "@nuxtjs/stylelint-module": "^3.1.0",
     "@vue/test-utils": "^1.0.0-beta.32",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
     "babel-jest": "^25.1.0",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-register": "^6.26.0",
diff --git a/pages/grades/index.vue b/pages/grades/index.vue
index afcb32a..dcae636 100644
--- a/pages/grades/index.vue
+++ b/pages/grades/index.vue
@@ -55,14 +55,14 @@
 import { mapGetters, mapActions } from 'vuex'
 import VueContext from 'vue-context'
 import 'vue-context/src/sass/vue-context.scss'
-import ModalAddGrade from '~/components/ModalAddGrade.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import ScreenEmpty from '~/components/ScreenEmpty.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import InputSelectSubject from '~/components/InputSelectSubject.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import CardGrade from '~/components/CardGrade.vue'
-import Icon from '~/components/Icon.vue'
+import ModalAddGrade from '~/components/legacy/ModalAddGrade.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import ScreenEmpty from '~/components/legacy/ScreenEmpty.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import InputSelectSubject from '~/components/legacy/InputSelectSubject.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import CardGrade from '~/components/legacy/CardGrade.vue'
+import Icon from '~/components/legacy/Icon.vue'
 export default {
   components: {
     ModalAddGrade,
diff --git a/pages/homework/index.vue b/pages/homework/index.vue
index a22cee5..6809fd0 100644
--- a/pages/homework/index.vue
+++ b/pages/homework/index.vue
@@ -78,13 +78,13 @@ import {
   addDays,
 } from 'date-fns'
 import { fr } from 'date-fns/locale'
-import CardHomework from '~/components/CardHomework.vue'
-import ScreenEmpty from '~/components/ScreenEmpty.vue'
-import ModalAddHomework from '~/components/ModalAddHomework.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import InputSetting from '~/components/InputSetting.vue'
-import Icon from '~/components/Icon.vue'
+import CardHomework from '~/components/legacy/CardHomework.vue'
+import ScreenEmpty from '~/components/legacy/ScreenEmpty.vue'
+import ModalAddHomework from '~/components/legacy/ModalAddHomework.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import InputSetting from '~/components/legacy/InputSetting.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: {
diff --git a/pages/login.vue b/pages/login.vue
index 6409521..5149252 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -41,10 +41,10 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import TheHeading from '~/components/TheHeading.vue'
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import InputField from '~/components/InputField.vue'
+import TheHeading from '~/components/legacy/TheHeading.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import InputField from '~/components/legacy/InputField.vue'
 
 export default {
   middleware: false,
diff --git a/pages/logout.vue b/pages/logout.vue
index 47ab4f5..8e0996e 100644
--- a/pages/logout.vue
+++ b/pages/logout.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
 export default {
   layout: 'bare',
   components: { OverlayLoadingLogo },
diff --git a/pages/notes/_uuid.vue b/pages/notes/_uuid.vue
index cfd180e..ec71d54 100644
--- a/pages/notes/_uuid.vue
+++ b/pages/notes/_uuid.vue
@@ -226,18 +226,18 @@ import {
   Underline,
 } from 'tiptap-extensions'
 import debounce from 'lodash.debounce'
-import ModalNoteDownload from '~/components/ModalNoteDownload.vue'
+import ModalNoteDownload from '~/components/legacy/ModalNoteDownload.vue'
 import Superscript from '~/plugins/tiptap-extensions/Superscript'
 import MathBlock from '~/plugins/tiptap-extensions/MathBlock'
 import MathInline from '~/plugins/tiptap-extensions/MathInline'
 import Marker from '~/plugins/tiptap-extensions/Marker'
 import Subscript from '~/plugins/tiptap-extensions/Subscript'
-import Icon from '~/components/Icon.vue'
-import InputField from '~/components/InputField.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import PickerSubject from '~/components/PickerSubject.vue'
-import InputSelect from '~/components/InputSelect.vue'
-import TheBottomBar from '~/components/TheBottomBar.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import PickerSubject from '~/components/legacy/PickerSubject.vue'
+import InputSelect from '~/components/legacy/InputSelect.vue'
+import TheBottomBar from '~/components/legacy/TheBottomBar.vue'
 
 export default {
   components: {
diff --git a/pages/notes/index.vue b/pages/notes/index.vue
index 4e7556f..5b65ede 100644
--- a/pages/notes/index.vue
+++ b/pages/notes/index.vue
@@ -91,17 +91,17 @@ import VueContext from 'vue-context'
 import 'vue-context/src/sass/vue-context.scss'
 import { mapGetters, mapActions } from 'vuex'
 import Fuse from 'fuse.js'
-import ScreenEmpty from '~/components/ScreenEmpty.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import BaseModal from '~/components/BaseModal.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import BadgeSubject from '~/components/BadgeSubject.vue'
-import InputField from '~/components/InputField.vue'
-import InputSelect from '~/components/InputSelect.vue'
-import InputSelectSubject from '~/components/InputSelectSubject.vue'
-import CardNote from '~/components/CardNote.vue'
-import PickerSubject from '~/components/PickerSubject.vue'
-import Icon from '~/components/Icon.vue'
+import ScreenEmpty from '~/components/legacy/ScreenEmpty.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import BaseModal from '~/components/legacy/BaseModal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import BadgeSubject from '~/components/legacy/BadgeSubject.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import InputSelect from '~/components/legacy/InputSelect.vue'
+import InputSelectSubject from '~/components/legacy/InputSelectSubject.vue'
+import CardNote from '~/components/legacy/CardNote.vue'
+import PickerSubject from '~/components/legacy/PickerSubject.vue'
+import Icon from '~/components/legacy/Icon.vue'
 export default {
   components: {
     HeadingSub,
diff --git a/pages/refactor-test.vue b/pages/refactor-test.vue
new file mode 100644
index 0000000..77d0cc6
--- /dev/null
+++ b/pages/refactor-test.vue
@@ -0,0 +1,104 @@
+<template>
+  <div id="page">
+    <button-primary small dangerous>pgkrekg</button-primary>
+    <button-secondary dangerous>fzepkfezk</button-secondary>
+    <button-icon href="https://ewen.works" target="_blank"
+      >bug_report</button-icon
+    >
+    <button-icon disabled>send</button-icon>
+    <button-icon :filled="true">send</button-icon>
+    <button-icon :filled="false">send</button-icon>
+    <badge-subject color="#f00">Mayonnaise</badge-subject>
+    <badge-subject color="#be5251" expandable>Kaguya-sama</badge-subject>
+    <hr />
+    <badge-subject color="#ffeeff" always-expanded>yikes!</badge-subject>
+    <badge-subject color="#b00b1e" editable expandable>hehehe</badge-subject>
+    <h1>Subjects</h1>
+    <ul>
+      <li v-for="subject in subjects" :key="subject.uuid">
+        <badge-subject editable expandable :color="subject.color">{{
+          subject.name
+        }}</badge-subject>
+      </li>
+    </ul>
+    <hr />
+    <base-input name="feefefe" :errors="['greoijgroe', 46546]"
+      >hello!</base-input
+    >
+    <p>
+      Hey, ça va? moi, c'est
+      <text-link to="https://ewen.works">Ewen Le Bihan</text-link>, lorem ipsum
+      dolor sit amet! Va faire tes
+      <text-link to="/homework" new-tab>devoirs</text-link>, smh my head!!!!1
+    </p>
+    <hr />
+    <card-homework :homework="dummyHomework" />
+  </div>
+</template>
+
+<script lang="ts">
+// eslint-disable-next-line no-unused-vars
+import Vue, { PropOptions } from 'vue'
+import { mapGetters } from 'vuex'
+import ButtonPrimary from '~/components/ButtonPrimary.vue'
+import ButtonIcon from '~/components/ButtonIcon.vue'
+import ButtonSecondary from '~/components/ButtonSecondary.vue'
+import BadgeSubject from '~/components/BadgeSubject.vue'
+import BaseInput from '~/components/BaseInput.vue'
+import TextLink from '~/components/TextLink.vue'
+import CardHomework from '~/components/CardHomework.vue'
+// import '~/types/api-resources'
+
+export default Vue.extend({
+  components: {
+    ButtonPrimary,
+    ButtonIcon,
+    ButtonSecondary,
+    BadgeSubject,
+    BaseInput,
+    TextLink,
+    CardHomework,
+  },
+  data() {
+    const dummyHomework: ApiResourceHomework = {
+      title: 'Lorem ipsum dolor sit amet',
+      subject: {
+        name: 'Русская',
+        color: '#EEAA44',
+        uuid: 'c0ffee',
+        updated_at: null,
+        created_at: 'trololol',
+      },
+      created_at: 'gjrojger',
+      updated_at: null,
+      details:
+        'Lorem ispum dolor sit amet et atque dum est machin truc bidule,',
+      type: 'exercise',
+      completed_at: null,
+      due_at: '2020-05-23',
+      progress: 0.58,
+      notes: [],
+      quizzes: ['gregergerg'],
+      grades: [],
+      uuid: 'cgrgre0',
+    }
+    return { dummyHomework }
+  },
+  computed: {
+    ...mapGetters('subjects', { subjects: 'all' }),
+  },
+  mounted() {
+    this.$withLoadingScreen(async () => {
+      await this.$store.dispatch('subjects/load')
+    })
+  },
+})
+</script>
+
+<style lang="stylus" scoped>
+ul
+  font-size 1.2em
+.--card-homework
+  margin-top 3em
+  width: 30em
+</style>
diff --git a/pages/register.vue b/pages/register.vue
index f400d31..e7ff177 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -52,9 +52,9 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import OverlayLoadingLogo from '~/components/OverlayLoadingLogo.vue'
-import InputField from '~/components/InputField.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import OverlayLoadingLogo from '~/components/legacy/OverlayLoadingLogo.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   layout: 'bare',
diff --git a/pages/reports/index.vue b/pages/reports/index.vue
index 3c52310..17c888b 100644
--- a/pages/reports/index.vue
+++ b/pages/reports/index.vue
@@ -27,10 +27,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import CardReport from '~/components/CardReport.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import Icon from '~/components/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import CardReport from '~/components/legacy/CardReport.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: { ButtonNormal, CardReport, HeadingSub, Icon },
diff --git a/pages/reset-password/choose.vue b/pages/reset-password/choose.vue
index 01d5677..1904f69 100644
--- a/pages/reset-password/choose.vue
+++ b/pages/reset-password/choose.vue
@@ -38,9 +38,9 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import Icon from '~/components/Icon.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import InputField from '~/components/InputField.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import InputField from '~/components/legacy/InputField.vue'
 
 export default {
   components: { ButtonNormal, InputField, Icon },
diff --git a/pages/reset-password/index.vue b/pages/reset-password/index.vue
index a3321c6..b82b773 100644
--- a/pages/reset-password/index.vue
+++ b/pages/reset-password/index.vue
@@ -37,8 +37,8 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import InputField from '~/components/InputField.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { InputField, ButtonNormal },
diff --git a/pages/schedule/index.vue b/pages/schedule/index.vue
index aeb9231..e68d6ba 100644
--- a/pages/schedule/index.vue
+++ b/pages/schedule/index.vue
@@ -14,10 +14,10 @@
 <script>
 import { mapGetters, mapState } from 'vuex'
 import { getUnixTime, addDays } from 'date-fns'
-import Schedule from '~/components/Schedule.vue'
-import HeadingSub from '~/components/HeadingSub.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import CardMutation from '~/components/CardMutation.vue'
+import Schedule from '~/components/legacy/Schedule.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import CardMutation from '~/components/legacy/CardMutation.vue'
 export default {
   components: { Schedule, HeadingSub, ButtonNormal, CardMutation },
   head: {
diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index efe0f4c..3906326 100644
--- a/pages/settings/index.vue
+++ b/pages/settings/index.vue
@@ -42,13 +42,13 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import HeadingSub from '~/components/HeadingSub.vue'
-import CardSubject from '~/components/CardSubject.vue'
-import InputSetting from '~/components/InputSetting.vue'
-import Icon from '~/components/Icon.vue'
-import InputField from '~/components/InputField.vue'
-import ModalAddSubject from '~/components/ModalAddSubject.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import CardSubject from '~/components/legacy/CardSubject.vue'
+import InputSetting from '~/components/legacy/InputSetting.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputField from '~/components/legacy/InputField.vue'
+import ModalAddSubject from '~/components/legacy/ModalAddSubject.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 export default {
   components: {
     HeadingSub,
diff --git a/pages/setup/index.vue b/pages/setup/index.vue
index 659b6c0..0df4037 100644
--- a/pages/setup/index.vue
+++ b/pages/setup/index.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import ButtonNormal from '~/components/ButtonNormal.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
 
 export default {
   components: { ButtonNormal },
diff --git a/pages/setup/schedule/events.vue b/pages/setup/schedule/events.vue
index b145135..e8eb76c 100644
--- a/pages/setup/schedule/events.vue
+++ b/pages/setup/schedule/events.vue
@@ -18,13 +18,13 @@
 <script>
 import { mapActions } from 'vuex'
 import { parse, getUnixTime } from 'date-fns'
-import TheBottomBar from '~/components/TheBottomBar.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import ModalDialogConfirm from '~/components/ModalDialogConfirm.vue'
-import Schedule from '~/components/Schedule.vue'
-import ModalAddEvent from '~/components/ModalAddEvent.vue'
-import Icon from '~/components/Icon.vue'
-import InputSetting from '~/components/InputSetting.vue'
+import TheBottomBar from '~/components/legacy/TheBottomBar.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import ModalDialogConfirm from '~/components/legacy/ModalDialogConfirm.vue'
+import Schedule from '~/components/legacy/Schedule.vue'
+import ModalAddEvent from '~/components/legacy/ModalAddEvent.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import InputSetting from '~/components/legacy/InputSetting.vue'
 
 export default {
   components: {
diff --git a/pages/setup/schedule/settings.vue b/pages/setup/schedule/settings.vue
index c860fed..d25f495 100644
--- a/pages/setup/schedule/settings.vue
+++ b/pages/setup/schedule/settings.vue
@@ -26,11 +26,11 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import ModalDialogConfirm from '~/components/ModalDialogConfirm.vue'
-import TheBottomBar from '~/components/TheBottomBar.vue'
-import Icon from '~/components/Icon.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import InputSetting from '~/components/InputSetting.vue'
+import ModalDialogConfirm from '~/components/legacy/ModalDialogConfirm.vue'
+import TheBottomBar from '~/components/legacy/TheBottomBar.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import InputSetting from '~/components/legacy/InputSetting.vue'
 
 export default {
   components: {
diff --git a/pages/setup/settings.vue b/pages/setup/settings.vue
index 5e5b15a..a93a2b6 100644
--- a/pages/setup/settings.vue
+++ b/pages/setup/settings.vue
@@ -10,10 +10,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import TheBottomBar from '~/components/TheBottomBar.vue'
-import Icon from '~/components/Icon.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import InputSetting from '~/components/InputSetting.vue'
+import TheBottomBar from '~/components/legacy/TheBottomBar.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import InputSetting from '~/components/legacy/InputSetting.vue'
 
 export default {
   components: { Icon, ButtonNormal, InputSetting, TheBottomBar },
diff --git a/pages/setup/subjects.vue b/pages/setup/subjects.vue
index d37bdd8..6dd7dd5 100644
--- a/pages/setup/subjects.vue
+++ b/pages/setup/subjects.vue
@@ -33,11 +33,11 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import ModalAddSubject from '~/components/ModalAddSubject.vue'
-import TheBottomBar from '~/components/TheBottomBar.vue'
-import CardSubject from '~/components/CardSubject.vue'
-import ButtonNormal from '~/components/ButtonNormal.vue'
-import Icon from '~/components/Icon.vue'
+import ModalAddSubject from '~/components/legacy/ModalAddSubject.vue'
+import TheBottomBar from '~/components/legacy/TheBottomBar.vue'
+import CardSubject from '~/components/legacy/CardSubject.vue'
+import ButtonNormal from '~/components/legacy/ButtonNormal.vue'
+import Icon from '~/components/legacy/Icon.vue'
 
 export default {
   components: {
diff --git a/pages/timeline/index.vue b/pages/timeline/index.vue
index de33571..c670555 100644
--- a/pages/timeline/index.vue
+++ b/pages/timeline/index.vue
@@ -50,10 +50,10 @@ import { formatDistanceStrict } from 'date-fns'
 import { fr } from 'date-fns/locale'
 import { firstBy } from 'thenby'
 import { mapState, mapGetters } from 'vuex'
-import HeadingSub from '~/components/HeadingSub.vue'
-import Icon from '~/components/Icon.vue'
-import CardCourse from '~/components/CardCourse.vue'
-import ScreenEmpty from '~/components/ScreenEmpty.vue'
+import HeadingSub from '~/components/legacy/HeadingSub.vue'
+import Icon from '~/components/legacy/Icon.vue'
+import CardCourse from '~/components/legacy/CardCourse.vue'
+import ScreenEmpty from '~/components/legacy/ScreenEmpty.vue'
 
 export default {
   components: { HeadingSub, Icon, CardCourse, ScreenEmpty },
diff --git a/store/grades.js b/store/grades.js
index e3c5d08..a500219 100644
--- a/store/grades.js
+++ b/store/grades.js
@@ -29,7 +29,7 @@ export const getters = {
     date = 'added'
   ) => {
     switch (what) {
-      case 'trimester':
+      case 'trimester': {
         let trimesterInterval
         if (value === null) {
           trimesterInterval = rootGetters['schedule/currentTrimester']
@@ -42,7 +42,7 @@ export const getters = {
         return getters.all.filter(
           o => o[date] && isWithinInterval(o[date], trimesterInterval)
         )
-
+      }
       case 'interval':
         return getters.all.filter(
           o => o[date] && isWithinInterval(o[date], value)
diff --git a/store/index.d.ts b/store/index.d.ts
new file mode 100644
index 0000000..39c3673
--- /dev/null
+++ b/store/index.d.ts
@@ -0,0 +1,13 @@
+import { accessorType } from '~/store'
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $accessor: typeof accessorType
+  }
+}
+
+declare module '@nuxt/types' {
+  interface NuxtAppOptions {
+    $accessor: typeof accessorType
+  }
+}
diff --git a/store/index.ts b/store/index.ts
new file mode 100644
index 0000000..377730d
--- /dev/null
+++ b/store/index.ts
@@ -0,0 +1,74 @@
+import { toDate, addDays } from 'date-fns'
+import { getAccessorType } from 'nuxt-typed-vuex'
+import { GetterTree, ActionTree, MutationTree } from 'vuex'
+
+import * as homework from '~/store/homework'
+import * as auth from '~/store/auth'
+import * as bag from '~/store/bag'
+import * as grades from '~/store/grades'
+import * as learndata from '~/store/learndata'
+import * as location from '~/store/location'
+import * as navigation from '~/store/navigation'
+import * as notes from '~/store/notes'
+import * as reports from '~/store/reports'
+import * as settings from '~/store/settings'
+import * as subjects from '~/store/subjects'
+import * as theme from '~/store/theme'
+import * as schedule from '~/store/schedule'
+
+export const state: () => {
+  now: Date
+  tomorrow: Date
+  today: Date
+} = () => ({
+  now: toDate(Date.now()), // For time-dependent getters.
+  tomorrow: addDays(toDate(Date.now()), 1),
+  today: new Date(),
+})
+
+export type RootState = ReturnType<typeof state>
+
+export const mutations: MutationTree<RootState> = {
+  UPDATE_TIME: (state, newTime) => {
+    state.now = newTime
+    state.tomorrow = addDays(newTime, 1)
+  },
+}
+
+export const actions: ActionTree<RootState, RootState> = {
+  async loadAll({ dispatch }) {
+    await dispatch('settings/load')
+    await dispatch('subjects/load')
+    await dispatch('homework/load')
+    await dispatch('grades/load')
+    await dispatch('schedule/load')
+    await dispatch('notes/load')
+    await dispatch('learndata/load')
+  },
+
+  async nuxtServerInit({ dispatch }) {
+    await dispatch('settings/load')
+    await dispatch('subjects/load')
+  },
+}
+
+export const accessorType = getAccessorType({
+  state,
+  mutations,
+  actions,
+  modules: {
+    homework,
+    auth,
+    bag,
+    grades,
+    learndata,
+    location,
+    navigation,
+    notes,
+    reports,
+    schedule,
+    settings,
+    subjects,
+    theme,
+  },
+})
diff --git a/store/location.ts b/store/location.ts
new file mode 100644
index 0000000..0729812
--- /dev/null
+++ b/store/location.ts
@@ -0,0 +1,34 @@
+import { ActionTree, MutationTree } from 'vuex'
+import { RootState } from '~/store'
+
+export const state: () => {
+  latitude: number | null
+  longitude: number | null
+} = () => ({
+  latitude: null,
+  longitude: null,
+})
+
+export type LocationState = ReturnType<typeof state>
+
+export const actions: ActionTree<LocationState, RootState> = {
+  acquireLocation({ commit, state }) {
+    if (state.longitude === null || state.latitude === null)
+      navigator.geolocation.getCurrentPosition(
+        pos => {
+          commit('UPDATE_LOCATION', pos.coords)
+        },
+        // eslint-disable-next-line
+        err => {
+          // eslint-disable-next-line
+          this.$toast.error("Impossible d'obtenir la localisation")
+        }
+      )
+  },
+}
+
+export const mutations: MutationTree<LocationState> = {
+  UPDATE_LOCATION: (state, newLocation: typeof state) => {
+    state = { ...state, ...newLocation }
+  },
+}
diff --git a/store/navigation.ts b/store/navigation.ts
new file mode 100644
index 0000000..50dfa9a
--- /dev/null
+++ b/store/navigation.ts
@@ -0,0 +1,92 @@
+export const state = () => ({
+
+  links: [
+    {
+      name: 'Tests du refactoring',
+      href: '/refactor-test',
+      icon: 'build',
+      id: 'refactor-test',
+    },
+    'separator',
+    {
+      name: 'Timeline',
+      href: '/timeline',
+      icon: 'timeline',
+      id: 'timeline',
+    },
+    {
+      name: 'Cours',
+      href: '/notes',
+      icon: 'insert_drive_file',
+      id: 'notes',
+    },
+    {
+      name: 'Devoirs',
+      href: '/homework',
+      icon: 'book',
+      id: 'homework',
+    },
+    {
+      name: 'Emploi du temps',
+      href: '/coming-soon',
+      icon: 'today',
+      id: 'schedule',
+    },
+    {
+      name: 'Notes',
+      href: '/coming-soon',
+      icon: 'school',
+      id: 'grades',
+    },
+    {
+      name: 'Sac',
+      href: '/coming-soon',
+      icon: 'work_outline',
+      id: 'bag',
+    },
+    'separator',
+    {
+      name: 'Paramètres',
+      href: '/settings',
+      icon: 'settings',
+      id: 'settings',
+    },
+    {
+      name: 'Vos contributions',
+      href: '/reports',
+      icon: 'bug_report',
+      id: 'reports',
+    },
+    {
+      name: 'Signaler un bug',
+      modal: 'add-report',
+      icon: 'bug_report',
+      id: 'new-report',
+    },
+  ],
+})
+
+export const getters = {
+  textColor: (state, getters) => backgroundColor =>
+    // TODO: handle var(--) ?
+    /* returns the corresponding text color most visible
+     * on backgroundColor: either 'black' or 'white'.
+     */
+    tinycolor(backgroundColor).isLight() ? 'black' : 'white',
+  formatTime: (state, getters) => time => {
+    if (time === null) return null
+    return format(time, 'HH:mm')
+  },
+  drawerLinks: state =>
+    state.links.filter(link => {
+      if (link === 'separator') return true
+      return !['new-report'].includes(link.id)
+    }),
+  sideRailLinks: state =>
+    state.links.filter(link => {
+      if (link === 'separator') return false
+      return ['timeline', 'notes', 'homework', 'grades', 'new-report'].includes(
+        link.id
+      )
+    }),
+}
diff --git a/store/reports.ts b/store/reports.ts
new file mode 100644
index 0000000..7e27aa2
--- /dev/null
+++ b/store/reports.ts
@@ -0,0 +1,98 @@
+import { ActionTree, MutationTree, GetterTree } from "vuex"
+import { RootState } from "~/store"
+export type REPORTSState = ReturnType<typeof state>
+import { formatISO, isAfter, parseISO } from 'date-fns'
+import { firstBy } from 'thenby'
+import { getValidator, getMutations } from './index'
+const UAParser = require('ua-parser-js')
+
+export const parseReportDates = report => ({
+  ...report,
+  published: report.published ? parseISO(report.published) : null,
+  added: report.added ? parseISO(report.added) : null,
+})
+
+export const state = () => ({
+  reports: [],
+  loaded: false,
+})
+
+export const getters = {
+  order: () => (reports, by = 'date') => {
+    if (['published', 'added'].includes(by)) {
+      return reports.sort(firstBy((o1, o2) => isAfter(o1[by], o2[by])))
+    } else {
+      console.warn(`=reports: ordering by "${by}" is not supported`)
+      return reports
+    }
+  },
+  all: ({ reports }, { order }) => order(reports),
+  one: ({ reports }) => (what = 'uuid', value) =>
+    reports.find(o => o[what] === value),
+  latest: ({ reports }) =>
+    reports.length > 0 ? [...reports].sort(firstBy('added'))[0] : null,
+  resolved: ({ reports }) => reports.filter(o => o.resolved),
+  unresolved: ({ reports }) => reports.filter(o => !o.resolved),
+  validate: getValidator({
+    fieldNames: {
+      type: { gender: 'M', name: 'type de demande' },
+      title: { gender: 'M', name: 'titre' },
+      content: { gender: 'M', name: 'message' },
+      happened: { gender: 'M', name: 'date' },
+    },
+    resourceName: { gender: 'M', name: 'Rapport' },
+    constraints: {
+      notEmpty: ['title', 'type', 'content'],
+    },
+    debug: true,
+  }),
+}
+
+export const mutations = {
+  ...getMutations('report', parseReportDates),
+  POSTLOAD: state => (state.loaded = true),
+}
+
+export const actions = {
+  async load({ commit }, force = false) {
+    if (!force && state.loaded) return
+    try {
+      const { data } = await this.$axios.get(`/reports/`)
+      if (data) {
+        commit('SET', data)
+        commit('POSTLOAD')
+      }
+    } catch (error) {
+      this.$toast.error('Impossible de charger les rapports', {
+        icon: 'error_outline',
+      })
+      console.error(error)
+    }
+  },
+  async post({ getters, commit, state }, { report, force }) {
+    force = force || false
+    const { browser, cpu, os } = UAParser(window.userAgent)
+    if ('happened' in report) report.happened = formatISO(report.happened)
+    report = {
+      user: this.$auth.user.id,
+      browser: `${browser.name}/${browser.version}`,
+      os: `${cpu.architecture}/${os.name}/${os.version}`,
+      language: 'fr',
+      ...report,
+    }
+    if (!force) {
+      const validation = getters.validate(report)
+      if (!validation.validated) return false
+    }
+    try {
+      const res = await this.$axios.post('reports/', report)
+      const { data } = await this.$axios.get(`/reports/${res.data.uuid}/`)
+      commit('ADD', data)
+      return true
+    } catch (error) {
+      // eslint-disable-next-line
+      console.error(error)
+      return false
+    }
+  },
+}
diff --git a/store/schedule.js b/store/schedule.js
index 832ec17..bea50af 100644
--- a/store/schedule.js
+++ b/store/schedule.js
@@ -176,7 +176,7 @@ export const getters = {
     ),
 
   isDeleted: (state, getters) => (course, mutation) => {
-    if (!mutation.hasOwnProperty('event')) return false
+    if (!Object.prototype.hasOwnProperty.call(mutation, 'event')) return false
     if (course.uuid !== mutation.event.uuid) return false
     if (!mutation.deleted_start || !mutation.deleted_end) return false
     return (
@@ -185,7 +185,7 @@ export const getters = {
     )
   },
   isAdded: (state, getters) => (course, mutation) => {
-    if (!mutation.hasOwnProperty('event')) return false
+    if (!Object.prototype.hasOwnProperty.call(mutation, 'event')) return false
     if (course.uuid !== mutation.event.uuid) return false
     if (!mutation.added_start || !mutation.added_end) return false
     return (
@@ -457,8 +457,8 @@ export const getters = {
           /* Checks if -- when the mutation is rescheduled -- no courses already exists between the chosen dates */
           if (
             !(
-              object.hasOwnProperty('added_start') &&
-              object.hasOwnProperty('added_end')
+              Object.prototype.hasOwnProperty.call(object, 'added_start') &&
+              Object.prototype.hasOwnProperty.call(object, 'added_end')
             )
           )
             return !getters
@@ -478,8 +478,8 @@ export const getters = {
           /* Checks if -- when the mutation is deleted -- some course(s) already exists between the chosen dates */
           if (
             !(
-              object.hasOwnProperty('deleted_start') &&
-              object.hasOwnProperty('deleted_end')
+              Object.prototype.hasOwnProperty.call(object, 'deleted_start') &&
+              Object.prototype.hasOwnProperty.call(object, 'deleted_end')
             )
           )
             return (
@@ -501,8 +501,8 @@ export const getters = {
           /* Checks if -- when the mutation is deleted -- no more than one course already exists between the chosen dates */
           if (
             !(
-              object.hasOwnProperty('deleted_start') &&
-              object.hasOwnProperty('deleted_end')
+              Object.prototype.hasOwnProperty.call(object, 'deleted_start') &&
+              Object.prototype.hasOwnProperty.call(object, 'deleted_end')
             )
           )
             return (
diff --git a/store/settings.js b/store/settings.js
index 5f7f3e7..8c28786 100644
--- a/store/settings.js
+++ b/store/settings.js
@@ -166,7 +166,7 @@ export const actions = {
   async patch({ commit, getters }, { key, modifications, early }) {
     early = early || false
     const type = getters.one(key).type
-    if (modifications.hasOwnProperty('value')) {
+    if (Object.prototype.hasOwnProperty.call(modifications, 'value')) {
       modifications.value = stringifiedValue({
         value: modifications.value,
         type,
@@ -313,7 +313,7 @@ const parsedValue = (
         parsed = parseISO(value)
         break
 
-      case 'DATERANGE':
+      case 'DATERANGE': {
         // Gets the start and stop dates.
         let dates = value.split(' - ')
         // Parse each date
@@ -334,7 +334,7 @@ const parsedValue = (
             ? { start: dates[0], end: dates[1] }
             : (parsed = dates[0])
         break
-
+      }
       case 'TIMERANGE':
         // TODO
         throw new Error('TIMERANGE setting types are not available yet.')
diff --git a/store/subjects.js b/store/subjects.js
index 909c1e5..3181d0b 100644
--- a/store/subjects.js
+++ b/store/subjects.js
@@ -23,7 +23,7 @@ export const getters = {
       uuid: firstBy('uuid'),
     }
 
-    if (!sorters.hasOwnProperty(what)) {
+    if (!Object.prototype.hasOwnProperty.call(sorters, what)) {
       console.warn(
         `subjects/orderBy: unknown ordering method '${what}': defaulting to UUID sorting`
       )
diff --git a/store/theme.js b/store/theme.js
index a4780f8..849d850 100644
--- a/store/theme.js
+++ b/store/theme.js
@@ -7,7 +7,7 @@ export const state = () => ({
 
 export const getters = {
   current: state => state.current,
-  resolveAuto: (state, getters, rootState) => {
+  resolveAuto: (_, __, rootState) => {
     const { latitude, longitude } = rootState.location
     const now = rootState.now
     const { sunrise, sunset } = SunCalc.getTimes(now, latitude, longitude)
diff --git a/stylelint.config.js b/stylelint.config.js
index 9e6d65c..558c358 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -3,6 +3,6 @@ module.exports = {
   // https://stylelint.io/user-guide/configuration
   rules: {
     'block-no-empty': null,
-    'color-no-invalid-hex': true
-  }
+    'color-no-invalid-hex': true,
+  },
 }
diff --git a/tests/components/BadgeSubject.test.js b/tests/components/legacy/BadgeSubject.test.js
similarity index 93%
rename from tests/components/BadgeSubject.test.js
rename to tests/components/legacy/BadgeSubject.test.js
index 79c2c15..baf957e 100644
--- a/tests/components/BadgeSubject.test.js
+++ b/tests/components/legacy/BadgeSubject.test.js
@@ -1,8 +1,8 @@
 import { mount, createLocalVue } from '@vue/test-utils'
 import VTooltip from 'v-tooltip'
 import Vuex from 'vuex'
-import BadgeSubject from '../../components/BadgeSubject.vue'
-import { getters } from '../../store/index'
+import BadgeSubject from '../../../components/legacy/BadgeSubject.vue'
+import { getters } from '../../../store/index'
 
 const vue = createLocalVue()
 vue.directive('tooltip', VTooltip)
diff --git a/tests/components/BaseModal.test.js b/tests/components/legacy/BaseModal.test.js
similarity index 91%
rename from tests/components/BaseModal.test.js
rename to tests/components/legacy/BaseModal.test.js
index db0d73b..97e9e9a 100644
--- a/tests/components/BaseModal.test.js
+++ b/tests/components/legacy/BaseModal.test.js
@@ -1,17 +1,17 @@
 import { mount, createLocalVue } from '@vue/test-utils'
-import BaseModal from '../../components/BaseModal.vue'
-import $modal from '../../plugins/vue-js-modal'
+import BaseModal from '../../../components/legacy/BaseModal.vue'
+import $modal from '../../../plugins/vue-js-modal'
 
 const vue = createLocalVue()
 vue.use($modal)
 
 describe('<BaseModal>', () => {
-  const getModal = (props) =>
+  const getModal = props =>
     mount(BaseModal, {
       propsData: {
         name: 'lorem-ipsum',
-        ...props
-      }
+        ...props,
+      },
     })
   describe('opened', () => {
     test('is visible', () => {
diff --git a/tests/components/ButtonNormal.test.js b/tests/components/legacy/ButtonNormal.test.js
similarity index 90%
rename from tests/components/ButtonNormal.test.js
rename to tests/components/legacy/ButtonNormal.test.js
index e503837..ce1f0fd 100644
--- a/tests/components/ButtonNormal.test.js
+++ b/tests/components/legacy/ButtonNormal.test.js
@@ -1,9 +1,9 @@
 import { mount, createLocalVue } from '@vue/test-utils'
 import VTooltip from 'v-tooltip'
-import ButtonNormal from '../../components/ButtonNormal.vue'
+import ButtonNormal from '../../../components/legacy/ButtonNormal.vue'
 const vue = createLocalVue()
 vue.directive('tooltip', VTooltip)
-const getButtonNormal = (props) =>
+const getButtonNormal = props =>
   mount(ButtonNormal, { propsData: props, localVue: vue })
 
 describe('<ButtonNormal>', () => {
@@ -39,9 +39,9 @@ describe('<ButtonNormal>', () => {
       validation: {
         validated: false,
         errors: {
-          lorem: ['ipsum', 'dolor', 'sit']
-        }
-      }
+          lorem: ['ipsum', 'dolor', 'sit'],
+        },
+      },
     })
     expect(Object.keys(btn.get('.btn').attributes())).toContain('disabled')
     expect(btn.vm.validationErrors).toBe(
@@ -53,8 +53,8 @@ describe('<ButtonNormal>', () => {
     const btn = getButtonNormal({
       validation: {
         validated: true,
-        errors: {}
-      }
+        errors: {},
+      },
     })
     expect(btn.get('.btn').attributes()).not.toContain('disabled')
   })
diff --git a/tests/components/CardCourse.test.js b/tests/components/legacy/CardCourse.test.js
similarity index 84%
rename from tests/components/CardCourse.test.js
rename to tests/components/legacy/CardCourse.test.js
index 24d689e..8ae23de 100644
--- a/tests/components/CardCourse.test.js
+++ b/tests/components/legacy/CardCourse.test.js
@@ -1,23 +1,23 @@
 import { mount, createLocalVue } from '@vue/test-utils'
 import VTooltip from 'v-tooltip'
 import Vuex from 'vuex'
-import CardCourse from '../../components/CardCourse.vue'
-import { getters } from '../../store/index'
+import CardCourse from '../../../components/legacy/CardCourse.vue'
+import { getters } from '../../../store/index'
 
 const vue = createLocalVue()
 vue.use(Vuex)
 vue.directive('tooltip', VTooltip)
 const mockSubject = {
-  color: 'red'
+  color: 'red',
 }
 const store = {
-  getters: { textColor: getters.textColor }
+  getters: { textColor: getters.textColor },
 }
-const mnt = (props) =>
+const mnt = props =>
   mount(CardCourse, {
     propsData: { subject: mockSubject, ...props },
     localVue: vue,
-    store
+    store,
   })
 
 describe('<CardCourse>', () => {
@@ -38,7 +38,7 @@ describe('<CardCourse>', () => {
       const CardCourse = mnt({
         room: 'L102',
         start: new Date(0),
-        end: new Date(3600 * 1000)
+        end: new Date(3600 * 1000),
       })
       expect(CardCourse).toMatchSnapshot()
     })
diff --git a/tests/components/CardHomework.test.js b/tests/components/legacy/CardHomework.test.js
similarity index 88%
rename from tests/components/CardHomework.test.js
rename to tests/components/legacy/CardHomework.test.js
index 546dce4..49c692e 100644
--- a/tests/components/CardHomework.test.js
+++ b/tests/components/legacy/CardHomework.test.js
@@ -1,23 +1,23 @@
-import { bootstrapComponentTest } from '../utils'
-import CardHomework from '~/components/CardHomework.vue'
+import { bootstrapComponentTest } from '../../utils'
+import CardHomework from '~/components/legacy/CardHomework.vue'
 // import homework from '~/store/homework'
 
 const mockHomework = {
   uuid: 'c0ffee-daedead-b16b00b5',
   subject: {
     name: 'Subject',
-    color: '#c0ffee'
+    color: '#c0ffee',
   },
   progress: 0.3,
   type: 'HOMEWORK',
   name: 'Lorem ipsum',
   details:
-    'Lorem ipsum dolor sit amet consecitur nae doe flat is justice et deald.'
+    'Lorem ipsum dolor sit amet consecitur nae doe flat is justice et deald.',
 }
 const homeworkStore = {
   actions: {
-    switchCompletion: jest.fn()
-  }
+    switchCompletion: jest.fn(),
+  },
 }
 
 const { mnt, store } = bootstrapComponentTest(
@@ -53,7 +53,7 @@ describe('<CardHomework>', () => {
       expect(CardHomework.emitted('completion-switch')).toBeTruthy()
       expect(CardHomework.emitted('completion-switch')[1]).toEqual(true)
       expect(store.dispatch).toHaveBeenCalledWith('homework/switchCompletion', {
-        uuid: mockHomework.uuid
+        uuid: mockHomework.uuid,
       })
     }, 500)
   })
diff --git a/tests/components/CardNote.test.js b/tests/components/legacy/CardNote.test.js
similarity index 87%
rename from tests/components/CardNote.test.js
rename to tests/components/legacy/CardNote.test.js
index 3ef6b5f..e854a42 100644
--- a/tests/components/CardNote.test.js
+++ b/tests/components/legacy/CardNote.test.js
@@ -1,5 +1,5 @@
-import { bootstrapComponentTest } from '../utils'
-import CardNote from '~/components/CardNote.vue'
+import { bootstrapComponentTest } from '../../utils'
+import CardNote from '~/components/legacy/CardNote.vue'
 
 const { mnt } = bootstrapComponentTest(
   CardNote,
diff --git a/tests/components/CardReport.test.js b/tests/components/legacy/CardReport.test.js
similarity index 84%
rename from tests/components/CardReport.test.js
rename to tests/components/legacy/CardReport.test.js
index ac7d1a1..81c3288 100644
--- a/tests/components/CardReport.test.js
+++ b/tests/components/legacy/CardReport.test.js
@@ -1,5 +1,5 @@
-import { bootstrapComponentTest } from '../utils'
-import CardReport from '~/components/CardReport.vue'
+import { bootstrapComponentTest } from '../../utils'
+import CardReport from '~/components/legacy/CardReport.vue'
 
 const { mnt } = bootstrapComponentTest(
   CardReport,
diff --git a/tests/components/CardSubject.test.js b/tests/components/legacy/CardSubject.test.js
similarity index 90%
rename from tests/components/CardSubject.test.js
rename to tests/components/legacy/CardSubject.test.js
index caf2ef7..c0e6abe 100644
--- a/tests/components/CardSubject.test.js
+++ b/tests/components/legacy/CardSubject.test.js
@@ -1,8 +1,8 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
 import VTooltip from 'v-tooltip'
 import Vuex from 'vuex'
-import { getters } from '../../store/index'
-import CardSubject from '~/components/CardSubject.vue'
+import { getters } from '../../../store/index'
+import CardSubject from '~/components/legacy/CardSubject.vue'
 
 const vue = createLocalVue()
 vue.directive('tooltip', VTooltip)
diff --git a/tests/components/Icon.test.js b/tests/components/legacy/Icon.test.js
similarity index 83%
rename from tests/components/Icon.test.js
rename to tests/components/legacy/Icon.test.js
index 813b90f..b7a13a2 100644
--- a/tests/components/Icon.test.js
+++ b/tests/components/legacy/Icon.test.js
@@ -1,5 +1,5 @@
-import { bootstrapComponentTest } from '../utils'
-import Icon from '~/components/Icon.vue'
+import { bootstrapComponentTest } from '../../utils'
+import Icon from '~/components/legacy/Icon.vue'
 
 const { mnt } = bootstrapComponentTest(
   Icon
diff --git a/tests/components/__snapshots__/BadgeSubject.test.js.snap b/tests/components/legacy/__snapshots__/BadgeSubject.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/BadgeSubject.test.js.snap
rename to tests/components/legacy/__snapshots__/BadgeSubject.test.js.snap
diff --git a/tests/components/__snapshots__/CardCourse.test.js.snap b/tests/components/legacy/__snapshots__/CardCourse.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/CardCourse.test.js.snap
rename to tests/components/legacy/__snapshots__/CardCourse.test.js.snap
diff --git a/tests/components/__snapshots__/CardHomework.test.js.snap b/tests/components/legacy/__snapshots__/CardHomework.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/CardHomework.test.js.snap
rename to tests/components/legacy/__snapshots__/CardHomework.test.js.snap
diff --git a/tests/components/__snapshots__/CardNote.test.js.snap b/tests/components/legacy/__snapshots__/CardNote.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/CardNote.test.js.snap
rename to tests/components/legacy/__snapshots__/CardNote.test.js.snap
diff --git a/tests/components/__snapshots__/CardReport.test.js.snap b/tests/components/legacy/__snapshots__/CardReport.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/CardReport.test.js.snap
rename to tests/components/legacy/__snapshots__/CardReport.test.js.snap
diff --git a/tests/components/__snapshots__/CardSubject.test.js.snap b/tests/components/legacy/__snapshots__/CardSubject.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/CardSubject.test.js.snap
rename to tests/components/legacy/__snapshots__/CardSubject.test.js.snap
diff --git a/tests/components/__snapshots__/Icon.test.js.snap b/tests/components/legacy/__snapshots__/Icon.test.js.snap
similarity index 100%
rename from tests/components/__snapshots__/Icon.test.js.snap
rename to tests/components/legacy/__snapshots__/Icon.test.js.snap
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..6dc86b8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,36 @@
+{
+    "compilerOptions": {
+        "target": "es2018",
+        "module": "esnext",
+        "moduleResolution": "node",
+        "lib": [
+            "esnext",
+            "esnext.asynciterable",
+            "dom"
+        ],
+        "esModuleInterop": true,
+        "allowJs": true,
+        "sourceMap": true,
+        "strict": true,
+        "noEmit": true,
+        "baseUrl": ".",
+        "paths": {
+            "~/*": [
+                "./*"
+            ],
+            "@/*": [
+                "./*"
+            ]
+        },
+        "types": [
+            "@types/node",
+            "@nuxt/types"
+        ],
+        "skipLibCheck": true
+    },
+    "exclude": [
+        "node_modules/**",
+        "static/*.js",
+        "components/legacy/*.vue"
+    ]
+}
diff --git a/types/api-resources.d.ts b/types/api-resources.d.ts
new file mode 100644
index 0000000..d931c45
--- /dev/null
+++ b/types/api-resources.d.ts
@@ -0,0 +1,74 @@
+// eslint-disable camelcase
+type WeekType = 'Q1' | 'Q2' | 'BOTH'
+
+interface ApiResource {
+  uuid: string
+  updated_at: string | null
+  created_at: string
+}
+
+interface ApiResourceSubject extends ApiResource {
+  name: string
+  color: string
+}
+
+interface ApiResourceEvent extends ApiResource {
+  day: number
+  room: string
+  start: number
+  end: number
+  subject: ApiResourceSubject
+  week_type: WeekType
+  uuid: string | undefined
+}
+
+type NoteContentType = 'html' | 'markdown' | 'asciidoc' | 'external'
+
+interface ApiResourceNote extends ApiResource {
+  title: string | null
+  content: string
+  thumbnail: string | null
+  type: NoteContentType
+  quizzes: string[]
+}
+
+interface ApiResourceQuizQuestion extends ApiResource {
+  name: string
+  correct_answer: string
+}
+
+interface ApiResourceQuizAnswer extends ApiResource {
+  answer: string
+  question: ApiResourceQuizQuestion
+}
+
+interface ApiResourceQuizSession extends ApiResource {
+  start: String
+  end: String
+  answers: ApiResourceQuizAnswer[]
+}
+
+interface ApiResourceQuiz extends ApiResource {
+  name: string
+  questions: ApiResourceQuizQuestion[]
+  tries: { test: number; train: number }
+  modified_at: string
+  time_spent: number
+  sessions: ApiResourceQuizSession[]
+  description: string
+}
+
+type HomeworkType = 'test' | 'coursework' | 'to_bring' | 'exercise'
+
+interface ApiResourceHomework extends ApiResource {
+  title: string
+  subject: ApiResourceSubject
+  type: HomeworkType
+  completed_at: string | null
+  due_at: string
+  progress: number | null
+  notes: string[]
+  grades: string[]
+  quizzes: string[]
+  details: string
+}
diff --git a/types/vue-shim.d.ts b/types/vue-shim.d.ts
new file mode 100644
index 0000000..d9f24fa
--- /dev/null
+++ b/types/vue-shim.d.ts
@@ -0,0 +1,4 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}
diff --git a/utils/colors.js b/utils/colors.js
new file mode 100644
index 0000000..c8f98dd
--- /dev/null
+++ b/utils/colors.js
@@ -0,0 +1,15 @@
+import tinycolor from 'tinycolor2'
+
+export const lightColor = baseColor => {
+  /* see https://codepen.io/ewen-lbh/pen/dyYKWVL */
+  const { h, s } = tinycolor(baseColor).toHsl()
+  return tinycolor({ h, s: Math.min(2 * s, 1), l: 0.85 }).toHslString()
+}
+export const darkColor = baseColor => {
+  /* see https://codepen.io/ewen-lbh/pen/dyYKWVL */
+  const { h, s } = tinycolor(baseColor).toHsl()
+  return tinycolor({ h, s: Math.min(0.25 * s, 1), l: 0.3 }).toHslString()
+}
+
+export const blackOrWhite = bgColor =>
+  tinycolor(bgColor).isLight() ? 'black' : 'white'
diff --git a/utils/datetime.ts b/utils/datetime.ts
new file mode 100644
index 0000000..b31c28a
--- /dev/null
+++ b/utils/datetime.ts
@@ -0,0 +1,11 @@
+export const removeByProp = (
+  arrayOfObjects: Record<string, any>[],
+  propName: string,
+  propValue: any
+) => {
+  const arr = [...arrayOfObjects]
+  return arr.splice(
+    arr.findIndex(obj => obj[propName] === propValue),
+    1
+  )
+}
diff --git a/utils/misc.ts b/utils/misc.ts
new file mode 100644
index 0000000..dcf63a8
--- /dev/null
+++ b/utils/misc.ts
@@ -0,0 +1,8 @@
+// Reset time component to 00:00:00
+// Useful to do date-wise comparison, w/o taking time into account.
+export const removeTime = (date: Date) => {
+  date.setHours(0)
+  date.setMinutes(0)
+  date.setSeconds(0)
+  return date
+}
diff --git a/utils/validators.js b/utils/validators.js
new file mode 100644
index 0000000..0312bf9
--- /dev/null
+++ b/utils/validators.js
@@ -0,0 +1,6 @@
+export const isHexColor = value => /^#([0-9a-fA-F]{3}){1,2}$/.test(value)
+export const isURL = value =>
+  /^(ftp|https?):\/\/([\w\d-]+\.)+\w{2,}(\/.+)?$/.test(value)
+export const isIn = allowedValues => value => allowedValues.includes(value)
+export const isUUID = value =>
+  /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/.test(value)
diff --git a/store/index.js b/utils/vuex-shortcuts.ts
similarity index 69%
rename from store/index.js
rename to utils/vuex-shortcuts.ts
index 095f45c..604a79e 100644
--- a/store/index.js
+++ b/utils/vuex-shortcuts.ts
@@ -1,149 +1,16 @@
-import { toDate, addDays, isBefore, format } from 'date-fns'
-import tinycolor from 'tinycolor2'
-import constantCase from 'constant-case'
-import Vue from 'vue'
-const npm = require('~/package.json')
-
-const version = npm.version.split('.')
-
-export const state = () => ({
-  version: {
-    feature: version[0],
-    ui: version[1],
-    bug: version[2],
-    channel: 'beta',
-  },
-  now: toDate(Date.now()), // For time-dependent getters.
-  tomorrow: addDays(toDate(Date.now()), 1),
-  today: new Date(),
-  location: {
-    latitude: null,
-    longitude: null,
-  },
-  links: [
-    {
-      name: 'Timeline',
-      href: '/timeline',
-      icon: 'timeline',
-      id: 'timeline',
-    },
-    {
-      name: 'Cours',
-      href: '/notes',
-      icon: 'insert_drive_file',
-      id: 'notes',
-    },
-    {
-      name: 'Devoirs',
-      href: '/homework',
-      icon: 'book',
-      id: 'homework',
-    },
-    {
-      name: 'Emploi du temps',
-      href: '/coming-soon',
-      icon: 'today',
-      id: 'schedule',
-    },
-    {
-      name: 'Notes',
-      href: '/coming-soon',
-      icon: 'school',
-      id: 'grades',
-    },
-    {
-      name: 'Sac',
-      href: '/coming-soon',
-      icon: 'work_outline',
-      id: 'bag',
-    },
-    'separator',
-    {
-      name: 'Paramètres',
-      href: '/settings',
-      icon: 'settings',
-      id: 'settings',
-    },
-    {
-      name: 'Vos contributions',
-      href: '/reports',
-      icon: 'bug_report',
-      id: 'reports',
-    },
-    {
-      name: 'Signaler un bug',
-      modal: 'add-report',
-      icon: 'bug_report',
-      id: 'new-report',
-    },
-  ],
-})
-
-export const getters = {
-  textColor: (state, getters) => backgroundColor =>
-    // TODO: handle var(--) ?
-    /* returns the corresponding text color most visible
-     * on backgroundColor: either 'black' or 'white'.
-     */
-    tinycolor(backgroundColor).isLight() ? 'black' : 'white',
-  formatTime: (state, getters) => time => {
-    if (time === null) return null
-    return format(time, 'HH:mm')
-  },
-  drawerLinks: state =>
-    state.links.filter(link => {
-      if (link === 'separator') return true
-      return !['new-report'].includes(link.id)
-    }),
-  sideRailLinks: state =>
-    state.links.filter(link => {
-      if (link === 'separator') return false
-      return ['timeline', 'notes', 'homework', 'grades', 'new-report'].includes(
-        link.id
-      )
-    }),
-}
-
-export const mutations = {
-  UPDATE_TIME: (state, newTime) => {
-    state.now = newTime
-    state.tomorrow = addDays(newTime, 1)
-  },
-  UPDATE_LOCATION: (state, newLocation) => {
-    state.location = newLocation
-  },
-}
-
-export const actions = {
-  async loadAll({ dispatch }) {
-    await dispatch('settings/load')
-    await dispatch('subjects/load')
-    await dispatch('homework/load')
-    await dispatch('grades/load')
-    await dispatch('schedule/load')
-    await dispatch('notes/load')
-    await dispatch('learndata/load')
-  },
-
-  async nuxtServerInit({ dispatch }) {
-    await dispatch('settings/load')
-    await dispatch('subjects/load')
-  },
-
-  acquireLocation({ commit, state }) {
-    if (state.longitude === null || state.latitude === null)
-      navigator.geolocation.getCurrentPosition(
-        pos => {
-          commit('UPDATE_LOCATION', pos.coords)
-        },
-        // eslint-disable-next-line
-        (err) => {
-          // eslint-disable-next-line
-          this.$toast.error("Impossible d'obtenir la localisation")
-        }
-      )
-  },
-}
+import { isBefore } from 'date-fns'
+type Gender = 'F' | 'M'
+type CheckerName =
+  | 'maximum'
+  | 'minimum'
+  | 'maxLength'
+  | 'required'
+  | 'notEmpty'
+  | 'isAWeekType'
+  | 'before'
+  | 'isAnEmail'
+  | 'isOfType'
+  | 'isAColor'
 
 export const getValidator = ({
   constraints,
@@ -151,7 +18,22 @@ export const getValidator = ({
   fieldNames,
   customConstraints = [],
   debug,
-}) => getters => object => {
+}: {
+  constraints: Record<CheckerName, Record<any, string[]> | string[]>
+  resourceName: {
+    name: string
+    gender: Gender
+    article: string | null
+    indeterminateArticle: string | null
+  }
+  fieldNames: Record<string, { name: string; gender: Gender }>
+  customConstraints: {
+    message: string
+    field: string | null
+    constraint: (getters: object, object: object) => boolean
+  }[]
+  debug: boolean
+}) => getters => (object: Record<string, any>) => {
   debug = debug || false
   if (process.env.NODE_ENV !== 'development') debug = false
   /* Factory to create a validator.
@@ -172,7 +54,7 @@ export const getValidator = ({
   }
 
   // Article in french
-  const article = (noun, feminine, indeterminate = false) => {
+  const article = (noun: string, feminine: boolean, indeterminate = false) => {
     const vowels = ['a', 'e', 'i', 'o', 'u', 'y']
     if (vowels.includes(noun[0]) && !indeterminate) return "l'"
     else if (feminine) return indeterminate ? 'une ' : 'la '
@@ -192,10 +74,19 @@ export const getValidator = ({
   )
 
   // Uppercase first char
-  const upperFirst = string => string[0].toUpperCase() + string.slice(1)
+  const upperFirst = (string: string) => string[0].toUpperCase() + string.slice(1)
 
   // Checkers
-  const checkers = {
+
+  const checkers: {
+    [key in CheckerName]: ({
+      arg,
+      fieldName,
+    }: {
+      arg: any
+      fieldName: string
+    }) => boolean
+  } = {
     maximum: ({ arg, fieldName }) =>
       object[fieldName] === null ||
       (typeof object[fieldName] === 'number' && object[fieldName] <= arg),
@@ -207,7 +98,8 @@ export const getValidator = ({
         ? object[fieldName].length <= arg
         : true,
     required: ({ arg, fieldName }) =>
-      object.hasOwnProperty(fieldName) && object[fieldName] !== null,
+      Object.prototype.hasOwnProperty.call(object, fieldName) &&
+      object[fieldName] !== null,
     notEmpty: ({ arg, fieldName }) =>
       object[fieldName] && object[fieldName].trim().length > 0,
     isAWeekType: ({ arg, fieldName }) =>
@@ -225,19 +117,38 @@ export const getValidator = ({
       // eslint-disable-next-line valid-typeof
       typeof object[fieldName] === arg,
   }
-  const check = ({ errorName, fieldName, errorArg }) => {
+  const check = ({
+    errorName,
+    fieldName,
+    errorArg,
+  }: {
+    errorName: CheckerName
+    fieldName: string
+    errorArg: any
+  }) => {
     // Wrap checkers with object property existential check
     /* Special case for required, which checks if the property exist
        and returnes *false* instead.
     */
-    if (errorName !== 'required' && !object.hasOwnProperty(fieldName)) {
+    if (
+      errorName !== 'required' &&
+      !Object.prototype.hasOwnProperty.call(object, fieldName)
+    ) {
       return true
     }
     return checkers[errorName]({ arg: errorArg, fieldName })
   }
 
   // Error messages
-  const message = ({ errorName, errorArg, fieldName }) => {
+  const message = ({
+    errorName,
+    errorArg,
+    fieldName,
+  }: {
+    errorName: CheckerName
+    errorArg: any
+    fieldName: string
+  }): string => {
     const { gender, name } = fieldNames[fieldName]
     const fieldIsFeminine = gender === 'F'
     const determinateArticle = article(name, fieldIsFeminine, false)
@@ -255,14 +166,14 @@ export const getValidator = ({
         minimum: `${fieldNameWithArticle} doit être d'au moins ${errorArg}`,
         maxLength: `${fieldNameWithArticle} ne doit pas dépasser ${errorArg} caractère${
           errorArg === 1 ? '' : 's'
-        }`,
+          }`,
         required: `Veuillez renseigner ${indeterminateArticle}${name}`,
         isAWeekType: `${fieldNameWithArticle} doit être paire, impaire ou les deux.`,
         before: `${fieldNameWithArticle} doit être avant ${argNameWithArticle}`,
         isAColor: `${fieldNameWithArticle} doit être une couleur au format hexadécimal. Exemple: #09f ou #0479cf`,
         notEmpty: `${fieldNameWithArticle} est requis${
           fieldIsFeminine ? 'e' : ''
-        }`,
+          }`,
         isAnEmail:
           name === 'adresse email'
             ? `${fieldNameWithArticle} doit être valide`
@@ -272,7 +183,7 @@ export const getValidator = ({
   }
 
   // Stores the errors
-  const errorMessages = {}
+  const errorMessages: Record<string, string[]> = {}
   // Fill each field with an empty array
   Object.keys(fieldNames).forEach(field => {
     errorMessages[field] = []
@@ -281,7 +192,7 @@ export const getValidator = ({
 
   // Go through the constraints
   for (const errorName in constraints) {
-    if (constraints.hasOwnProperty(errorName)) {
+    if (Object.prototype.hasOwnProperty.call(constraints, errorName)) {
       const fieldsOrArgs = constraints[errorName]
       // No arguments, field names are passed directly
       // eslint-disable-next-line
@@ -299,7 +210,7 @@ export const getValidator = ({
       // Error arguments, multiple cases. eg: maximum
       else {
         for (const errorArg in fieldsOrArgs) {
-          if (fieldsOrArgs.hasOwnProperty(errorArg)) {
+          if (Object.prototype.hasOwnProperty.call(fieldsOrArgs, errorArg)) {
             const fields = fieldsOrArgs[errorArg]
             fields.forEach(fieldName => {
               if (!check({ errorName, fieldName, errorArg })) {
@@ -319,7 +230,7 @@ export const getValidator = ({
   customConstraints.forEach(({ message, constraint, field }) => {
     if (!constraint(getters, object)) {
       field = field === null ? 'nonFieldErrors' : field
-      if (errorMessages.hasOwnProperty(field)) {
+      if (Object.prototype.hasOwnProperty.call(errorMessages, field)) {
         errorMessages[field].push(message)
       } else {
         errorMessages[field] = [message]
@@ -333,7 +244,7 @@ export const getValidator = ({
   let flatErrorMessage = ''
   let errorsCount = 0
   for (const field in errorMessages) {
-    if (errorMessages.hasOwnProperty(field)) {
+    if (Object.prototype.hasOwnProperty.call(errorMessages, field)) {
       const errors = errorMessages[field]
       if (errors.length) {
         flatErrorMessage += errors.join(', ') + '\n'
@@ -471,20 +382,3 @@ export const getMutations = (
 
   return mutations
 }
-
-export const removeByProp = (arrayOfObjects, propName, propValue) => {
-  const arr = [...arrayOfObjects]
-  return arr.splice(
-    arr.findIndex(obj => obj[propName] === propValue),
-    1
-  )
-}
-
-// Reset time component to 00:00:00
-// Useful to do date-wise comparison, w/o taking time into account.
-export const removeTime = date => {
-  date.setHours(0)
-  date.setMinutes(0)
-  date.setSeconds(0)
-  return date
-}
diff --git a/yarn.lock b/yarn.lock
index 1c2aa7a..899e272 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
   integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
@@ -347,11 +347,6 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.3.tgz#790874091d2001c9be6ec426c2eed47bc7679081"
-  integrity sha512-/V72F4Yp/qmHaTALizEm9Gf2eQHV3QyTL3K0cNfijwnMnb1L+LDlAubb/ZnSdGAVzVSWakujHYs1I26x66sMeQ==
-
 "@babel/parser@^7.1.0", "@babel/parser@^7.7.5", "@babel/parser@^7.8.6", "@babel/parser@^7.8.7":
   version "7.8.8"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.8.tgz#4c3b7ce36db37e0629be1f0d50a571d2f86f6cd4"
@@ -362,6 +357,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.9.4.tgz#68a35e6b0319bbc014465be43828300113f2f2e8"
   integrity sha512-bC49otXX6N0/VYhgOMh4gnP26E9xnDZK3TmbNpxYzzz9BQLBosQwfyOe9/cXUU3txYhTzLCbcqd5c8y/OmCjHA==
 
+"@babel/parser@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.8.3.tgz#790874091d2001c9be6ec426c2eed47bc7679081"
+  integrity sha512-/V72F4Yp/qmHaTALizEm9Gf2eQHV3QyTL3K0cNfijwnMnb1L+LDlAubb/ZnSdGAVzVSWakujHYs1I26x66sMeQ==
+
 "@babel/plugin-proposal-async-generator-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz#bad329c670b382589721b27540c7d288601c6e6f"
@@ -988,21 +988,6 @@
     "@babel/parser" "^7.8.3"
     "@babel/types" "^7.8.3"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.8.3.tgz#a826215b011c9b4f73f3a893afbc05151358bf9a"
-  integrity sha512-we+a2lti+eEImHmEXp7bM9cTxGzxPmBiVJlLVD+FuuQMeeO7RaDbutbgeheDkw+Xe3mCfJHnGOWLswT74m2IPg==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/generator" "^7.8.3"
-    "@babel/helper-function-name" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    "@babel/parser" "^7.8.3"
-    "@babel/types" "^7.8.3"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
 "@babel/traverse@^7.1.0", "@babel/traverse@^7.7.4", "@babel/traverse@^7.8.4", "@babel/traverse@^7.8.6":
   version "7.8.6"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.8.6.tgz#acfe0c64e1cd991b3e32eae813a6eb564954b5ff"
@@ -1033,6 +1018,21 @@
     globals "^11.1.0"
     lodash "^4.17.13"
 
+"@babel/traverse@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.8.3.tgz#a826215b011c9b4f73f3a893afbc05151358bf9a"
+  integrity sha512-we+a2lti+eEImHmEXp7bM9cTxGzxPmBiVJlLVD+FuuQMeeO7RaDbutbgeheDkw+Xe3mCfJHnGOWLswT74m2IPg==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/generator" "^7.8.3"
+    "@babel/helper-function-name" "^7.8.3"
+    "@babel/helper-split-export-declaration" "^7.8.3"
+    "@babel/parser" "^7.8.3"
+    "@babel/types" "^7.8.3"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.13"
+
 "@babel/types@^7.0.0", "@babel/types@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.8.3.tgz#5a383dffa5416db1b73dedffd311ffd0788fb31c"
@@ -1433,6 +1433,50 @@
     serve-static "^1.14.1"
     server-destroy "^1.0.1"
 
+"@nuxt/types@0.7.6":
+  version "0.7.6"
+  resolved "https://registry.yarnpkg.com/@nuxt/types/-/types-0.7.6.tgz#ebdda482abd0f976a9931e99de60801f20d6cc78"
+  integrity sha512-gFrV+htEMHN5PRG63ofXDFzk1eQSvpyrkAE4QeHc4pIgx2I0ydVleNP9QeafNQIG8Lk2VyU7yYJJRnRb5LFoNw==
+  dependencies:
+    "@types/autoprefixer" "^9.7.2"
+    "@types/babel__core" "^7.1.7"
+    "@types/compression" "^1.7.0"
+    "@types/connect" "^3.4.33"
+    "@types/etag" "^1.8.0"
+    "@types/file-loader" "^4.2.0"
+    "@types/html-minifier" "^3.5.3"
+    "@types/less" "^3.0.1"
+    "@types/node" "^12.12.39"
+    "@types/node-sass" "^4.11.1"
+    "@types/optimize-css-assets-webpack-plugin" "^5.0.1"
+    "@types/pug" "^2.0.4"
+    "@types/serve-static" "^1.13.3"
+    "@types/terser-webpack-plugin" "^2.2.0"
+    "@types/webpack" "^4.41.13"
+    "@types/webpack-bundle-analyzer" "^2.13.3"
+    "@types/webpack-dev-middleware" "^3.7.1"
+    "@types/webpack-hot-middleware" "^2.25.3"
+
+"@nuxt/typescript-build@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/typescript-build/-/typescript-build-1.0.0.tgz#52671e2380af3340f718fffb961df3dab588316e"
+  integrity sha512-vW7xF1tejvNn+UMEA+VRYvhBm9zRF+Rzap8YQOf7ATdkcEMW0CT7PxeC9QBvPRvtkwYPkDTB7O+tb4oM4Di8xg==
+  dependencies:
+    "@nuxt/types" "0.7.6"
+    consola "^2.12.1"
+    fork-ts-checker-webpack-plugin "^4.1.4"
+    ts-loader "^7.0.4"
+    typescript "~3.8"
+
+"@nuxt/typescript-runtime@^0.4.7":
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/@nuxt/typescript-runtime/-/typescript-runtime-0.4.7.tgz#4f14323a35e9d704c19ab712993c152b35a432e0"
+  integrity sha512-MrTSDrehANjBm2RTJxxpxwIyYD46euCNGVlOiX7xFj1mHpankIM4ECLOjZYvddl0/Lu1IF4JuijTpEUo7ZycdA==
+  dependencies:
+    "@nuxt/types" "0.7.6"
+    ts-node "^8.10.1"
+    typescript "~3.8"
+
 "@nuxt/utils@2.11.0":
   version "2.11.0"
   resolved "https://registry.yarnpkg.com/@nuxt/utils/-/utils-2.11.0.tgz#0185767fdb582b907d06a151d3e624a5ad7bede2"
@@ -1556,19 +1600,28 @@
     consola "^2.10.1"
     dotenv "^8.1.0"
 
-"@nuxtjs/eslint-config@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config/-/eslint-config-1.1.2.tgz#cde4c950014a781bcc34abbfef9c62546d8fc34c"
-  integrity sha512-uKBdza1/Poz32gEodQ9MSW8M9CU4RPdvEiSLX5LWyavrbjhXW9iIbzJzSDlgMhD1QfQ5WrWv1iqL3Bh/ArbIgw==
+"@nuxtjs/eslint-config-typescript@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config-typescript/-/eslint-config-typescript-2.0.0.tgz#5710a96eec648091b36432f313a200467d1daa7e"
+  integrity sha512-qqSt9E62QmBE+zRr7e9dTuf2zTYBFd608Bz611y80RfnjhViZlKFHwrjKAejY5UrjKKUoIWUcIVjozWWQzDm3A==
   dependencies:
-    eslint-config-standard "^12.0.0"
-    eslint-plugin-import "^2.18.0"
-    eslint-plugin-jest "^22.10.0"
-    eslint-plugin-node "^9.1.0"
+    "@nuxtjs/eslint-config" "3.0.0"
+    "@typescript-eslint/eslint-plugin" "^2.32.0"
+    "@typescript-eslint/parser" "^2.32.0"
+
+"@nuxtjs/eslint-config@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config/-/eslint-config-3.0.0.tgz#34f4a4ad9133f0c7e64bbcd2ab5315a821d173a4"
+  integrity sha512-sjAyE0jSuk20Q1jalJ1TwUDJXDunmT4jBZe22cVYE9H2zeKcA8CAhEOvbl9713fJXkRrXDIJDOIHVvT8aWMgyw==
+  dependencies:
+    eslint-config-standard "^14.1.1"
+    eslint-plugin-import "2.19.1"
+    eslint-plugin-jest "^23.10.0"
+    eslint-plugin-node "^11.1.0"
     eslint-plugin-promise "^4.2.1"
-    eslint-plugin-standard "^4.0.0"
-    eslint-plugin-unicorn "^9.1.1"
-    eslint-plugin-vue "^5.2.3"
+    eslint-plugin-standard "^4.0.1"
+    eslint-plugin-unicorn "^19.0.1"
+    eslint-plugin-vue "^6.2.2"
 
 "@nuxtjs/eslint-module@^1.0.0":
   version "1.1.0"
@@ -1634,6 +1687,19 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.0.0.tgz#9c13c2574c92d4503b005feca8f2e16cc1611506"
   integrity sha512-KYyTT/T6ALPkIRd2Ge080X/BsXvy9O0hcWTtMWkPvwAwF99+vn6Dv4GzrFT/Nn1LePr+FFDbRXXlqmsy9lw2zA==
 
+"@types/anymatch@*":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
+  integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
+
+"@types/autoprefixer@^9.7.2":
+  version "9.7.2"
+  resolved "https://registry.yarnpkg.com/@types/autoprefixer/-/autoprefixer-9.7.2.tgz#64b3251c9675feef5a631b7dd34cfea50a8fdbcc"
+  integrity sha512-QX7U7YW3zX3ex6MECtWO9folTGsXeP4b8bSjTq3I1ODM+H+sFHwGKuof+T+qBcDClGlCGtDb3SVfiTVfmcxw4g==
+  dependencies:
+    "@types/browserslist" "*"
+    postcss "7.x.x"
+
 "@types/babel-types@*", "@types/babel-types@^7.0.0":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/babel-types/-/babel-types-7.0.7.tgz#667eb1640e8039436028055737d2b9986ee336e3"
@@ -1650,6 +1716,17 @@
     "@types/babel__template" "*"
     "@types/babel__traverse" "*"
 
+"@types/babel__core@^7.1.7":
+  version "7.1.7"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
+  integrity sha512-RL62NqSFPCDK2FM1pSDH0scHpJvsXtZNiYlMB73DgPBaG1E38ZYVL+ei5EkWRbr+KC4YNiAUNBnRj+bgwpgjMw==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
 "@types/babel__generator@*":
   version "7.6.1"
   resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
@@ -1679,16 +1756,88 @@
   dependencies:
     "@types/babel-types" "*"
 
+"@types/body-parser@*":
+  version "1.19.0"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
+  integrity sha512-W98JrE0j2K78swW4ukqMleo8R7h/pFETjM2DQ90MF6XK2i4LO4W3gQ71Lt4w3bfm2EvVSyWHplECvB5sK22yFQ==
+  dependencies:
+    "@types/connect" "*"
+    "@types/node" "*"
+
+"@types/browserslist@*":
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/@types/browserslist/-/browserslist-4.8.0.tgz#60489aefdf0fcb56c2d8eb65267ff08dad7a526d"
+  integrity sha512-4PyO9OM08APvxxo1NmQyQKlJdowPCOQIy5D/NLO3aO0vGC57wsMptvGp3b8IbYnupFZr92l1dlVief1JvS6STQ==
+
+"@types/clean-css@*":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@types/clean-css/-/clean-css-4.2.1.tgz#cb0134241ec5e6ede1b5344bc829668fd9871a8d"
+  integrity sha512-A1HQhQ0hkvqqByJMgg+Wiv9p9XdoYEzuwm11SVo1mX2/4PSdhjcrUlilJQoqLscIheC51t1D5g+EFWCXZ2VTQQ==
+  dependencies:
+    "@types/node" "*"
+
 "@types/color-name@^1.1.1":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
 
+"@types/compression@^1.7.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@types/compression/-/compression-1.7.0.tgz#8dc2a56604873cf0dd4e746d9ae4d31ae77b2390"
+  integrity sha512-3LzWUM+3k3XdWOUk/RO+uSjv7YWOatYq2QADJntK1pjkk4DfVP0KrIEPDnXRJxAAGKe0VpIPRmlINLDuCedZWw==
+  dependencies:
+    "@types/express" "*"
+
+"@types/connect@*", "@types/connect@^3.4.33":
+  version "3.4.33"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.33.tgz#31610c901eca573b8713c3330abc6e6b9f588546"
+  integrity sha512-2+FrkXY4zllzTNfJth7jOqEHC+enpLeGslEhpnTAkg21GkRrWV4SsAtqchtT4YS9/nODBU2/ZfsBY2X4J/dX7A==
+  dependencies:
+    "@types/node" "*"
+
+"@types/eslint-visitor-keys@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
+  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
+
+"@types/etag@^1.8.0":
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/@types/etag/-/etag-1.8.0.tgz#37f0b1f3ea46da7ae319bbedb607e375b4c99f7e"
+  integrity sha512-EdSN0x+Y0/lBv7YAb8IU4Jgm6DWM+Bqtz7o5qozl96fzaqdqbdfHS5qjdpFeIv7xQ8jSLyjMMNShgYtMajEHyQ==
+  dependencies:
+    "@types/node" "*"
+
 "@types/events@*":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
   integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==
 
+"@types/express-serve-static-core@*":
+  version "4.17.7"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.7.tgz#dfe61f870eb549dc6d7e12050901847c7d7e915b"
+  integrity sha512-EMgTj/DF9qpgLXyc+Btimg+XoH7A2liE8uKul8qSmMTHCeNYzydDKFdsJskDvw42UsesCnhO63dO0Grbj8J4Dw==
+  dependencies:
+    "@types/node" "*"
+    "@types/qs" "*"
+    "@types/range-parser" "*"
+
+"@types/express@*":
+  version "4.17.6"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.6.tgz#6bce49e49570507b86ea1b07b806f04697fac45e"
+  integrity sha512-n/mr9tZI83kd4azlPG5y997C/M4DNABK9yErhFM6hKdym4kkmd9j0vtsJyjFIwfRBxtrxZtAfGZCNRIBMFLK5w==
+  dependencies:
+    "@types/body-parser" "*"
+    "@types/express-serve-static-core" "*"
+    "@types/qs" "*"
+    "@types/serve-static" "*"
+
+"@types/file-loader@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@types/file-loader/-/file-loader-4.2.0.tgz#ec8e793e275b7f90cdec3ff286518c6bf7bb8fc3"
+  integrity sha512-N3GMqKiKSNd41q4/lZlkdvNXKKWVdOXrA8Rniu64+25X0K2U1mWmTSu1CIqXKKsZUCwfaFcaioviLQtQ+EowLg==
+  dependencies:
+    "@types/webpack" "*"
+
 "@types/glob@^7.1.1":
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.1.tgz#aa59a1c6e3fbc421e07ccd31a944c30eba521575"
@@ -1698,6 +1847,15 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
+"@types/html-minifier@^3.5.3":
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier/-/html-minifier-3.5.3.tgz#5276845138db2cebc54c789e0aaf87621a21e84f"
+  integrity sha512-j1P/4PcWVVCPEy5lofcHnQ6BtXz9tHGiFPWzqm7TtGuWZEfCHEP446HlkSNc9fQgNJaJZ6ewPtp2aaFla/Uerg==
+  dependencies:
+    "@types/clean-css" "*"
+    "@types/relateurl" "*"
+    "@types/uglify-js" "*"
+
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
@@ -1723,26 +1881,114 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
   integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
 
+"@types/less@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/less/-/less-3.0.1.tgz#625694093c72f8356c4042754e222407e50d6b08"
+  integrity sha512-dBp05MtWN/w1fGVjj5LVrDw6VrdYllpWczbUkCsrzBj08IHsSyRLOFvUrCFqZFVR+nsqkrRLNg6oOlvqMLPaSA==
+
+"@types/lodash.clamp@^4.0.6":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@types/lodash.clamp/-/lodash.clamp-4.0.6.tgz#ca51ac61e11c6c6109638f44179abb97031619cb"
+  integrity sha512-+Rn39PbxYSbFFVXGEpw5t7EM8clP4P3d5rtbBFJYZUsgyWO1S0EYiNf+vKc2dRUy5eSI+oAVVlpgMF0vJcMUtA==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash.groupby@^4.6.6":
+  version "4.6.6"
+  resolved "https://registry.yarnpkg.com/@types/lodash.groupby/-/lodash.groupby-4.6.6.tgz#4d9b61a4d8b0d83d384975cabfed4c1769d6792e"
+  integrity sha512-kwg3T7Ia63KtDNoQQR8hKrLHCAgrH4I44l5uEMuA6JCbj7DiSccaV4tNV1vbjtAOpX990SolVthJCmBVtRVRgw==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.151"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.151.tgz#7d58cac32bedb0ec37cb7f99094a167d6176c9d5"
+  integrity sha512-Zst90IcBX5wnwSu7CAS0vvJkTjTELY4ssKbHiTnGcJgi170uiS8yQDdc3v6S77bRqYQIN1App5a1Pc2lceE5/g==
+
+"@types/memory-fs@*":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@types/memory-fs/-/memory-fs-0.3.2.tgz#5d4753f9b390cb077c8c8af97bc96463399ceccd"
+  integrity sha512-j5AcZo7dbMxHoOimcHEIh0JZe5e1b8q8AqGSpZJrYc7xOgCIP79cIjTdx5jSDLtySnQDwkDTqwlC7Xw7uXw7qg==
+  dependencies:
+    "@types/node" "*"
+
+"@types/mime@*":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.2.tgz#857a118d8634c84bba7ae14088e4508490cd5da5"
+  integrity sha512-4kPlzbljFcsttWEq6aBW0OZe6BDajAmyvr2xknBG92tejQnvdGtT9+kXSZ580DqpxY9qG2xeQVF9Dq0ymUTo5Q==
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
   integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
 
+"@types/node-sass@^4.11.1":
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/@types/node-sass/-/node-sass-4.11.1.tgz#bda27c5181cbf7c090c3058e119633dfb2b6504c"
+  integrity sha512-wPOmOEEtbwQiPTIgzUuRSQZ3H5YHinsxRGeZzPSDefAm4ylXWnZG9C0adses8ymyplKK0gwv3JkDNO8GGxnWfg==
+  dependencies:
+    "@types/node" "*"
+
 "@types/node@*":
   version "13.1.8"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-13.1.8.tgz#1d590429fe8187a02707720ecf38a6fe46ce294b"
   integrity sha512-6XzyyNM9EKQW4HKuzbo/CkOIjn/evtCmsU+MUM1xDfJ+3/rNjBttM1NgN7AOQvN6tP1Sl1D1PIKMreTArnxM9A==
 
+"@types/node@^12.12.39":
+  version "12.12.39"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.12.39.tgz#532d25c1e639d89dd6f3aa1d7b3962e3e7fa943d"
+  integrity sha512-pADGfwnDkr6zagDwEiCVE4yQrv7XDkoeVa4OfA9Ju/zRTk6YNDLGtQbkdL4/56mCQQCs4AhNrBIag6jrp7ZuOg==
+
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e"
   integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==
 
+"@types/optimize-css-assets-webpack-plugin@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@types/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.1.tgz#1f437ef9ef937b393687a8819be2d2fddc03b069"
+  integrity sha512-qyi5xmSl+DTmLFtVtelhso3VnNQYxltfgMa+Ed02xqNZCZBD0uYR6i64FmcwfieDzZRdwkJxt9o2JHq/5PBKQg==
+  dependencies:
+    "@types/webpack" "*"
+
+"@types/pug@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.4.tgz#8772fcd0418e3cd2cc171555d73007415051f4b2"
+  integrity sha1-h3L80EGOPNLMFxVV1zAHQVBR9LI=
+
 "@types/q@^1.5.1":
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
 
+"@types/qs@*":
+  version "6.9.2"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.2.tgz#faab98ec4f96ee72c829b7ec0983af4f4d343113"
+  integrity sha512-a9bDi4Z3zCZf4Lv1X/vwnvbbDYSNz59h3i3KdyuYYN+YrLjSeJD0dnphdULDfySvUv6Exy/O0K6wX/kQpnPQ+A==
+
+"@types/range-parser@*":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
+  integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
+
+"@types/relateurl@*":
+  version "0.2.28"
+  resolved "https://registry.yarnpkg.com/@types/relateurl/-/relateurl-0.2.28.tgz#6bda7db8653fa62643f5ee69e9f69c11a392e3a6"
+  integrity sha1-a9p9uGU/piZD9e5p6facEaOS46Y=
+
+"@types/serve-static@*", "@types/serve-static@^1.13.3":
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.13.3.tgz#eb7e1c41c4468272557e897e9171ded5e2ded9d1"
+  integrity sha512-oprSwp094zOglVrXdlo/4bAHtKTAxX6VT8FOZlBKrmyLbNvE1zxZyJ6yikMVtHIvwP45+ZQGJn+FdXGKTozq0g==
+  dependencies:
+    "@types/express-serve-static-core" "*"
+    "@types/mime" "*"
+
+"@types/source-list-map@*":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
+  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
@@ -1758,6 +2004,26 @@
   resolved "https://registry.yarnpkg.com/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz#9aa30c04db212a9a0649d6ae6fd50accc40748a1"
   integrity sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==
 
+"@types/tapable@*":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.5.tgz#9adbc12950582aa65ead76bffdf39fe0c27a3c02"
+  integrity sha512-/gG2M/Imw7cQFp8PGvz/SwocNrmKFjFsm5Pb8HdbHkZ1K8pmuPzOX4VeVoiEecFCVf4CsN1r3/BRvx+6sNqwtQ==
+
+"@types/terser-webpack-plugin@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@types/terser-webpack-plugin/-/terser-webpack-plugin-2.2.0.tgz#b1561e3118b9319d80ff65798c345877669b3e12"
+  integrity sha512-ywqEfTm7KdKoX9aYx0zYtiFU1z6IHrIYW9FJqeay2Ea58rTPML1J0hvoztGal2Jow3bkgGKcAmEZNL+8LqUVrA==
+  dependencies:
+    "@types/webpack" "*"
+    terser "^4.3.9"
+
+"@types/uglify-js@*":
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.9.1.tgz#0ad39d6a72979593f669acdfc7e980d590d3fb94"
+  integrity sha512-rdBIeMQyRBOXogop/EYBvSkYFn9D9yGxUa5hagBVG55KIdSUbp22EACJSHCs6kmmfunojAhf7zJH+Ds06/qLaQ==
+  dependencies:
+    source-map "^0.6.1"
+
 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
@@ -1779,6 +2045,52 @@
     "@types/unist" "*"
     "@types/vfile-message" "*"
 
+"@types/webpack-bundle-analyzer@^2.13.3":
+  version "2.13.3"
+  resolved "https://registry.yarnpkg.com/@types/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.13.3.tgz#820c8f734e171f081cbf02d889b9cda687cc89dd"
+  integrity sha512-p8EXyKfq311FFFfRuAR9tOHFFTQ9DqGrjRQYXbjjEMfl9pKGaTtRy1zFJtPMyZHfRoqh5rsYPVSVknkl004M7A==
+  dependencies:
+    "@types/webpack" "*"
+
+"@types/webpack-dev-middleware@^3.7.1":
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/@types/webpack-dev-middleware/-/webpack-dev-middleware-3.7.1.tgz#2d4e7d9abf6eec2988476f9f8f1e9b7acb2a7f82"
+  integrity sha512-+U6zP6/jlQ9Mw4zBOiuKOe/delLS4f0kvzAJCVK9wsW00hi4TD9u6TIaE5x5xy6xrkCiXMSf56bsAosORjP3/Q==
+  dependencies:
+    "@types/connect" "*"
+    "@types/memory-fs" "*"
+    "@types/webpack" "*"
+    loglevel "^1.6.2"
+
+"@types/webpack-hot-middleware@^2.25.3":
+  version "2.25.3"
+  resolved "https://registry.yarnpkg.com/@types/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz#ba6265ada359cae4f437d8ac08ac5b8c616f7521"
+  integrity sha512-zGkTzrwQnhSadIXGYGZLu7tpXQwn4+6y9nGeql+5UeRtW/k54Jp4SnzB0Qw00ednw0ZFoZOvqTFfXSbFXohc5Q==
+  dependencies:
+    "@types/connect" "*"
+    "@types/webpack" "*"
+
+"@types/webpack-sources@*":
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-0.1.7.tgz#0a330a9456113410c74a5d64180af0cbca007141"
+  integrity sha512-XyaHrJILjK1VHVC4aVlKsdNN5KBTwufMb43cQs+flGxtPAf/1Qwl8+Q0tp5BwEGaI8D6XT1L+9bSWXckgkjTLw==
+  dependencies:
+    "@types/node" "*"
+    "@types/source-list-map" "*"
+    source-map "^0.6.1"
+
+"@types/webpack@*", "@types/webpack@^4.41.13":
+  version "4.41.13"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
+  integrity sha512-RYmIHOWSxnTTa765N6jJBVE45pd2SYNblEYshVDduLw6RhocazNmRzE5/ytvBD8IkDMH6DI+bcrqxh8NILimBA==
+  dependencies:
+    "@types/anymatch" "*"
+    "@types/node" "*"
+    "@types/tapable" "*"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    source-map "^0.6.0"
+
 "@types/yargs-parser@*":
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
@@ -1798,22 +2110,48 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/experimental-utils@^1.13.0":
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-1.13.0.tgz#b08c60d780c0067de2fb44b04b432f540138301e"
-  integrity sha512-zmpS6SyqG4ZF64ffaJ6uah6tWWWgZ8m+c54XXgwFtUv0jNz8aJAVx8chMCvnk7yl6xwn8d+d96+tWp7fXzTuDg==
+"@typescript-eslint/eslint-plugin@^2.32.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz#6f8ce8a46c7dea4a6f1d171d2bb8fbae6dac2be9"
+  integrity sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "2.34.0"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.0.0"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/experimental-utils@2.34.0", "@typescript-eslint/experimental-utils@^2.5.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz#d3524b644cdb40eebceca67f8cf3e4cc9c8f980f"
+  integrity sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "1.13.0"
-    eslint-scope "^4.0.0"
+    "@typescript-eslint/typescript-estree" "2.34.0"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
 
-"@typescript-eslint/typescript-estree@1.13.0":
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-1.13.0.tgz#8140f17d0f60c03619798f1d628b8434913dc32e"
-  integrity sha512-b5rCmd2e6DCC6tCTN9GSUAuxdYwCM/k/2wdjHGrIRGPSJotWMCe/dGpi66u42bhuh8q3QBzqM4TMA1GUUCJvdw==
+"@typescript-eslint/parser@^2.32.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.34.0.tgz#50252630ca319685420e9a39ca05fe185a256bc8"
+  integrity sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==
+  dependencies:
+    "@types/eslint-visitor-keys" "^1.0.0"
+    "@typescript-eslint/experimental-utils" "2.34.0"
+    "@typescript-eslint/typescript-estree" "2.34.0"
+    eslint-visitor-keys "^1.1.0"
+
+"@typescript-eslint/typescript-estree@2.34.0":
+  version "2.34.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz#14aeb6353b39ef0732cc7f1b8285294937cf37d5"
+  integrity sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==
   dependencies:
-    lodash.unescape "4.0.1"
-    semver "5.5.0"
+    debug "^4.1.1"
+    eslint-visitor-keys "^1.1.0"
+    glob "^7.1.6"
+    is-glob "^4.0.1"
+    lodash "^4.17.15"
+    semver "^7.3.2"
+    tsutils "^3.17.1"
 
 "@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
   version "1.0.0"
@@ -2107,11 +2445,16 @@ acorn-globals@^4.1.0, acorn-globals@^4.3.0:
     acorn "^6.0.1"
     acorn-walk "^6.0.1"
 
-acorn-jsx@^5.0.0, acorn-jsx@^5.1.0:
+acorn-jsx@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.1.0.tgz#294adb71b57398b0680015f0a38c563ee1db5384"
   integrity sha512-tMUqwBWfLFbJbizRmEcWSLw6HnFzfdJs2sOJEOwwtVPMoH/0Ay+E703oZz78VSXZiiDcZrQ5XKjPIUQixhmgVw==
 
+acorn-jsx@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
+  integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
+
 acorn-walk@^6.0.1, acorn-walk@^6.1.1:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
@@ -2132,7 +2475,7 @@ acorn@^5.5.3:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
   integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
 
-acorn@^6.0.1, acorn@^6.0.2, acorn@^6.0.4, acorn@^6.0.7, acorn@^6.2.1:
+acorn@^6.0.1, acorn@^6.0.4, acorn@^6.0.7, acorn@^6.2.1:
   version "6.4.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.0.tgz#b659d2ffbafa24baf5db1cdbb2c94a983ecd2784"
   integrity sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==
@@ -2142,6 +2485,11 @@ acorn@^7.1.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c"
   integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==
 
+acorn@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.2.0.tgz#17ea7e40d7c8640ff54a694c889c26f31704effe"
+  integrity sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==
+
 agent-base@5:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-5.1.1.tgz#e8fb3f242959db44d63be665db7a8e739537a32c"
@@ -2304,6 +2652,11 @@ are-we-there-yet@~1.1.2:
     delegates "^1.0.0"
     readable-stream "^2.0.6"
 
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2535,18 +2888,6 @@ babel-core@^6.26.0:
     slash "^1.0.0"
     source-map "^0.5.7"
 
-babel-eslint@^10.0.1:
-  version "10.0.3"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.3.tgz#81a2c669be0f205e19462fed2482d33e4687a88a"
-  integrity sha512-z3U7eMY6r/3f3/JB9mTsLjyxrv0Yb1zb8PCWCLpguxfCzBIZUwy23R1t/XKewP+8mEN2Ck8Dtr4q20z6ce6SoA==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    eslint-visitor-keys "^1.0.0"
-    resolve "^1.12.0"
-
 babel-generator@^6.26.0:
   version "6.26.1"
   resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
@@ -3708,6 +4049,11 @@ consola@^2.10.0, consola@^2.10.1, consola@^2.11.1, consola@^2.11.2, consola@^2.1
   resolved "https://registry.yarnpkg.com/consola/-/consola-2.11.3.tgz#f7315836224c143ac5094b47fd4c816c2cd1560e"
   integrity sha512-aoW0YIIAmeftGR8GSpw6CGQluNdkWMWh3yEFjH/hmynTYnMtibXszii3lxCXmk8YxJtI3FAK5aTiquA5VH68Gw==
 
+consola@^2.12.1:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-2.12.1.tgz#88e9311a02cb88a7f6f9488239dd30b6ba99cbb0"
+  integrity sha512-aEkkju9ZcEa9y2MhzNhfmTUws/CEZZ0LKu0FxftSU3HygPfVMMIMSYyYct+xBN6XNRhsaDZjw2HAv3m2ammXSA==
+
 console-browserify@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
@@ -4381,6 +4727,11 @@ diff-sequences@^24.9.0:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
   integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
 
+diff@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4599,7 +4950,7 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^4.1.0, enhanced-resolve@^4.1.1:
+enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.0, enhanced-resolve@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
   integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
@@ -4699,7 +5050,7 @@ escodegen@^1.9.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-ast-utils@^1.0.0:
+eslint-ast-utils@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-ast-utils/-/eslint-ast-utils-1.1.0.tgz#3d58ba557801cfb1c941d68131ee9f8c34bd1586"
   integrity sha512-otzzTim2/1+lVrlH19EfQQJEhVJSu0zOb9ygb3iapN6UlyaDtyRq4b5U1FuW0v1lRa9Fp/GJyHkSwm6NqABgCA==
@@ -4714,10 +5065,10 @@ eslint-config-prettier@^4.1.0:
   dependencies:
     get-stdin "^6.0.0"
 
-eslint-config-standard@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-12.0.0.tgz#638b4c65db0bd5a41319f96bba1f15ddad2107d9"
-  integrity sha512-COUz8FnXhqFitYj4DTqHzidjIL/t4mumGZto5c7DrBpvWoie+Sn3P4sLEzUGeYhRElWuFEf8K1S1EfvD1vixCQ==
+eslint-config-standard@^14.1.1:
+  version "14.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-14.1.1.tgz#830a8e44e7aef7de67464979ad06b406026c56ea"
+  integrity sha512-Z9B+VR+JIXRxz21udPTL9HpFMyoMUEeX1G251EQ6e05WD9aPVtVBn09XUmZ259wCMlCDmYDSZG62Hhm+ZTJcUg==
 
 eslint-import-resolver-node@^0.3.2:
   version "0.3.3"
@@ -4746,18 +5097,18 @@ eslint-module-utils@^2.4.1:
     debug "^2.6.9"
     pkg-dir "^2.0.0"
 
-eslint-plugin-es@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-1.4.1.tgz#12acae0f4953e76ba444bfd1b2271081ac620998"
-  integrity sha512-5fa/gR2yR3NxQf+UXkeLeP8FBBl6tSgdrAz1+cF84v1FMM4twGwQoqTnn+QxFLcPOrF4pdKEJKDB/q9GoyJrCA==
+eslint-plugin-es@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz#75a7cdfdccddc0589934aeeb384175f221c57893"
+  integrity sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==
   dependencies:
-    eslint-utils "^1.4.2"
-    regexpp "^2.0.1"
+    eslint-utils "^2.0.0"
+    regexpp "^3.0.0"
 
-eslint-plugin-import@^2.18.0:
-  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.20.0.tgz#d749a7263fb6c29980def8e960d380a6aa6aecaa"
-  integrity sha512-NK42oA0mUc8Ngn4kONOPsPB1XhbUvNHqF+g307dPV28aknPoiNnKLFd9em4nkswwepdF5ouieqv5Th/63U7YJQ==
+eslint-plugin-import@2.19.1:
+  version "2.19.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.19.1.tgz#5654e10b7839d064dd0d46cd1b88ec2133a11448"
+  integrity sha512-x68131aKoCZlCae7rDXKSAQmbT5DQuManyXo2sK6fJJ0aK5CWAkv6A6HJZGgqC8IhjQxYPgo6/IY4Oz8AFsbBw==
   dependencies:
     array-includes "^3.0.3"
     array.prototype.flat "^1.2.1"
@@ -4772,20 +5123,20 @@ eslint-plugin-import@^2.18.0:
     read-pkg-up "^2.0.0"
     resolve "^1.12.0"
 
-eslint-plugin-jest@^22.10.0:
-  version "22.21.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.21.0.tgz#8137294645866636160487d9764224b9a43e2eb1"
-  integrity sha512-OaqnSS7uBgcGiqXUiEnjoqxPNKvR4JWG5mSRkzVoR6+vDwlqqp11beeql1hYs0HTbdhiwrxWLxbX0Vx7roG3Ew==
+eslint-plugin-jest@^23.10.0:
+  version "23.13.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-23.13.1.tgz#b2ce83f76064ad8ba1f1f26f322b86a86e44148e"
+  integrity sha512-TRLJH6M6EDvGocD98a7yVThrAOCK9WJfo9phuUb0MJptcrOYZeCKzC9aOzZCD93sxXCsiJVZywaTHdI/mAi0FQ==
   dependencies:
-    "@typescript-eslint/experimental-utils" "^1.13.0"
+    "@typescript-eslint/experimental-utils" "^2.5.0"
 
-eslint-plugin-node@^9.1.0:
-  version "9.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-9.2.0.tgz#b1911f111002d366c5954a6d96d3cd5bf2a3036a"
-  integrity sha512-2abNmzAH/JpxI4gEOwd6K8wZIodK3BmHbTxz4s79OIYwwIt2gkpEXlAouJXu4H1c9ySTnRso0tsuthSOZbUMlA==
+eslint-plugin-node@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz#c95544416ee4ada26740a30474eefc5402dc671d"
+  integrity sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==
   dependencies:
-    eslint-plugin-es "^1.4.1"
-    eslint-utils "^1.4.2"
+    eslint-plugin-es "^3.0.0"
+    eslint-utils "^2.0.0"
     ignore "^5.1.1"
     minimatch "^3.0.4"
     resolve "^1.10.1"
@@ -4811,35 +5162,28 @@ eslint-plugin-promise@^4.2.1:
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-4.2.1.tgz#845fd8b2260ad8f82564c1222fce44ad71d9418a"
   integrity sha512-VoM09vT7bfA7D+upt+FjeBO5eHIJQBUWki1aPvB+vbNiHS3+oGIJGIeyBtKQTME6UPXXy3vV07OL1tHd3ANuDw==
 
-eslint-plugin-standard@^4.0.0:
+eslint-plugin-standard@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.1.tgz#ff0519f7ffaff114f76d1bd7c3996eef0f6e20b4"
   integrity sha512-v/KBnfyaOMPmZc/dmc6ozOdWqekGp7bBGq4jLAecEfPGmfKiWS4sA8sC0LqiV9w5qmXAtXVn4M3p1jSyhY85SQ==
 
-eslint-plugin-unicorn@^9.1.1:
-  version "9.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-9.1.1.tgz#1588a0473f9a0e37cfbbcf7552065a0b0a96ce26"
-  integrity sha512-SHh/N54pRu5KXlS4Boa1qbWM7yTNl6VpuYJ8Qc1O3TJDr+CDUwEEdUtVlVSV/dBUE97BC8Xk0+Y5zphn21qlCA==
+eslint-plugin-unicorn@^19.0.1:
+  version "19.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-19.0.1.tgz#05eef02f33426b8aa4f21cd5e4785b456335b85b"
+  integrity sha512-fu0/h5mHXfBC6EkA3i2vCjsfC8j53+T9txGhNL4fpxJ+1JKsUKfv+tmXDgy0XnLHhFjnOZp4tRWJWbcykeIP2Q==
   dependencies:
+    ci-info "^2.0.0"
     clean-regexp "^1.0.0"
-    eslint-ast-utils "^1.0.0"
-    import-modules "^1.1.0"
-    lodash.camelcase "^4.1.1"
-    lodash.defaultsdeep "^4.6.0"
-    lodash.kebabcase "^4.0.1"
-    lodash.snakecase "^4.0.1"
-    lodash.topairs "^4.3.0"
-    lodash.upperfirst "^4.2.0"
-    regexpp "^2.0.1"
+    eslint-ast-utils "^1.1.0"
+    eslint-template-visitor "^1.1.0"
+    eslint-utils "^2.0.0"
+    import-modules "^2.0.0"
+    lodash "^4.17.15"
+    read-pkg-up "^7.0.1"
+    regexp-tree "^0.1.21"
     reserved-words "^0.1.2"
-    safe-regex "^2.0.1"
-
-eslint-plugin-vue@^5.2.3:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-5.2.3.tgz#3ee7597d823b5478804b2feba9863b1b74273961"
-  integrity sha512-mGwMqbbJf0+VvpGR5Lllq0PMxvTdrZ/ZPjmhkacrCHbubJeJOt+T6E3HUzAifa2Mxi7RSdJfC9HFpOeSYVMMIw==
-  dependencies:
-    vue-eslint-parser "^5.0.0"
+    safe-regex "^2.1.1"
+    semver "^7.1.3"
 
 eslint-plugin-vue@^6.0.0:
   version "6.1.2"
@@ -4849,7 +5193,16 @@ eslint-plugin-vue@^6.0.0:
     semver "^5.6.0"
     vue-eslint-parser "^7.0.0"
 
-eslint-scope@^4.0.0, eslint-scope@^4.0.3:
+eslint-plugin-vue@^6.2.2:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
+  integrity sha512-Nhc+oVAHm0uz/PkJAWscwIT4ijTrK5fqNqz9QB1D35SbbuMG1uB6Yr5AJpvPSWg+WOw7nYNswerYh0kOk64gqQ==
+  dependencies:
+    natural-compare "^1.4.0"
+    semver "^5.6.0"
+    vue-eslint-parser "^7.0.0"
+
+eslint-scope@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
   integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
@@ -4865,14 +5218,30 @@ eslint-scope@^5.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.4.2, eslint-utils@^1.4.3:
+eslint-template-visitor@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-template-visitor/-/eslint-template-visitor-1.1.0.tgz#f090d124d1a52e05552149fc50468ed59608b166"
+  integrity sha512-Lmy6QVlmFiIGl5fPi+8ACnov3sare+0Ouf7deJAGGhmUfeWJ5fVarELUxZRpsZ9sHejiJUq8626d0dn9uvcZTw==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+    espree "^6.1.1"
+    multimap "^1.0.2"
+
+eslint-utils@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
   integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
+eslint-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
+  integrity sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
   integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
@@ -4925,14 +5294,14 @@ esm@^3.2.25:
   resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
   integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==
 
-espree@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-4.1.0.tgz#728d5451e0fd156c04384a7ad89ed51ff54eb25f"
-  integrity sha512-I5BycZW6FCVIub93TeVY1s7vjhP9CY6cXCznIRfiig7nRviKZYdRnj/sHEWC6A7WE9RDWOFq9+7OsWSYz8qv2w==
+espree@^6.1.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
   dependencies:
-    acorn "^6.0.2"
-    acorn-jsx "^5.0.0"
-    eslint-visitor-keys "^1.0.0"
+    acorn "^7.1.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.1.0"
 
 espree@^6.1.2:
   version "6.1.2"
@@ -5432,6 +5801,19 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
+fork-ts-checker-webpack-plugin@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.4.tgz#f0dc3ece19ec5b792d7b8ecd2a7f43509a5285ce"
+  integrity sha512-R0nTlZSyV0uCCzYe1kgR7Ve8mXyDvMm1pJwUFb6zzRVF5rTNb24G6gn2DFQy+W5aJYp2eq8aexpCOO+1SCyCSA==
+  dependencies:
+    "@babel/code-frame" "^7.5.5"
+    chalk "^2.4.1"
+    micromatch "^3.1.10"
+    minimatch "^3.0.4"
+    semver "^5.6.0"
+    tapable "^1.0.0"
+    worker-rpc "^0.1.0"
+
 form-data@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
@@ -6225,10 +6607,10 @@ import-local@^2.0.0:
     pkg-dir "^3.0.0"
     resolve-cwd "^2.0.0"
 
-import-modules@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/import-modules/-/import-modules-1.1.0.tgz#748db79c5cc42bb9701efab424f894e72600e9dc"
-  integrity sha1-dI23nFzEK7lwHvq0JPiU5yYA6dw=
+import-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/import-modules/-/import-modules-2.0.0.tgz#9c1e13b4e7a15682f70a6e3fa29534e4540cfc5d"
+  integrity sha512-iczM/v9drffdNnABOKwj0f9G3cFDon99VcG1mxeBsdqnbd+vnQ5c2uAiCHNQITqFTOPaEvwg3VjoWCur0uHLEw==
 
 imurmurhash@^0.1.4:
   version "0.1.4"
@@ -7702,11 +8084,6 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
-lodash.camelcase@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
 lodash.clamp@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/lodash.clamp/-/lodash.clamp-4.0.3.tgz#5c24bedeeeef0753560dc2b4cb4671f90a6ddfaa"
@@ -7722,11 +8099,6 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
 
-lodash.defaultsdeep@^4.6.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
-  integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==
-
 lodash.flatten@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
@@ -7742,7 +8114,7 @@ lodash.groupby@^4.6.0:
   resolved "https://registry.yarnpkg.com/lodash.groupby/-/lodash.groupby-4.6.0.tgz#0b08a1dcf68397c397855c3239783832df7403d1"
   integrity sha1-Cwih3PaDl8OXhVwyOXg4Mt90A9E=
 
-lodash.kebabcase@^4.0.1, lodash.kebabcase@^4.1.1:
+lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
   integrity sha1-hImxyw0p/4gZXM7KRI/21swpXDY=
@@ -7757,11 +8129,6 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.snakecase@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz#39d714a35357147837aefd64b5dcbb16becd8f8d"
-  integrity sha1-OdcUo1NXFHg3rv1ktdy7Fr7Nj40=
-
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -7782,16 +8149,6 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
-lodash.topairs@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.topairs/-/lodash.topairs-4.3.0.tgz#3b6deaa37d60fb116713c46c5f17ea190ec48d64"
-  integrity sha1-O23qo31g+xFnE8RsXxfqGQ7EjWQ=
-
-lodash.unescape@4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.unescape/-/lodash.unescape-4.0.1.tgz#bf2249886ce514cda112fae9218cdc065211fc9c"
-  integrity sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=
-
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -7802,11 +8159,6 @@ lodash.uniqby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
   integrity sha1-2ZwHpmnp5tJOE2Lf4mbGdhavEwI=
 
-lodash.upperfirst@^4.2.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz#1365edf431480481ef0d1c68957a5ed99d49f7ce"
-  integrity sha1-E2Xt9DFIBIHvDRxolXpe2Z1J984=
-
 lodash.zip@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.zip/-/lodash.zip-4.2.0.tgz#ec6662e4896408ed4ab6c542a3990b72cc080020"
@@ -7847,6 +8199,11 @@ log-update@^2.3.0:
     cli-cursor "^2.0.0"
     wrap-ansi "^3.0.1"
 
+loglevel@^1.6.2:
+  version "1.6.8"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
+  integrity sha512-bsU7+gc9AJ2SqpzxwU3+1fedl8zAntbtC5XYlt3s2j1hJcn2PsXSmgN8TaLG/J1/2mod4+cE/3vNL70/c1RNCA==
+
 longest-streak@^2.0.1:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.3.tgz#3de7a3f47ee18e9074ded8575b5c091f5d0a4105"
@@ -7922,6 +8279,11 @@ make-dir@^3.0.0:
   dependencies:
     semver "^6.0.0"
 
+make-error@^1.1.1:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
+  integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
+
 makeerror@1.0.x:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
@@ -8109,6 +8471,11 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
 
+microevent.ts@~0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
+  integrity sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==
+
 micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -8312,6 +8679,11 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+multimap@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/multimap/-/multimap-1.1.0.tgz#5263febc085a1791c33b59bb3afc6a76a2a10ca8"
+  integrity sha512-0ZIR9PasPxGXmRsEF8jsDzndzHDj7tIav+JUmvIFB/WHswliFnquxECT/De7GR4yg99ky/NlRKJT82G1y271bw==
+
 mustache@^2.3.0:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/mustache/-/mustache-2.3.2.tgz#a6d4d9c3f91d13359ab889a812954f9230a3d0c5"
@@ -9950,6 +10322,15 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss@7.x.x:
+  version "7.0.30"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.30.tgz#cc9378beffe46a02cbc4506a0477d05fcea9a8e2"
+  integrity sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 postcss@^5.2.5:
   version "5.2.18"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
@@ -10538,6 +10919,15 @@ read-pkg-up@^4.0.0:
     find-up "^3.0.0"
     read-pkg "^3.0.0"
 
+read-pkg-up@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
+  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
+  dependencies:
+    find-up "^4.1.0"
+    read-pkg "^5.2.0"
+    type-fest "^0.8.1"
+
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -10565,7 +10955,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-read-pkg@^5.1.1:
+read-pkg@^5.1.1, read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
   integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
@@ -10686,6 +11076,11 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
+regexp-tree@^0.1.21:
+  version "0.1.21"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.21.tgz#55e2246b7f7d36f1b461490942fa780299c400d7"
+  integrity sha512-kUUXjX4AnqnR8KRTCrayAo9PzYMRKmVoGgaz2tBuz0MF3g1ZbGebmtW0yFHfFK9CmBjQKeYIgoL22pFLBJY7sw==
+
 regexp-tree@~0.1.1:
   version "0.1.17"
   resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.17.tgz#66d914a6ca21f95dd7660ed70a7dad47aeb2246a"
@@ -10704,6 +11099,11 @@ regexpp@^2.0.1:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
   integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
 
+regexpp@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+
 regexpu-core@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-1.0.0.tgz#86a763f58ee4d7c2f6b102e4764050de7ed90c6b"
@@ -11106,7 +11506,7 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
-safe-regex@^2.0.1:
+safe-regex@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-2.1.1.tgz#f7128f00d056e2fe5c11e81a1324dd974aadced2"
   integrity sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==
@@ -11201,11 +11601,6 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
 
-semver@5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
-  integrity sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==
-
 semver@7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
@@ -11221,6 +11616,11 @@ semver@^7.1.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.1.1.tgz#29104598a197d6cbe4733eeecbe968f7b43a9667"
   integrity sha512-WfuG+fl6eh3eZ2qAf6goB7nhiCd7NPXhmyFxigB/TOkQyeLP8w8GsVehvtGNtnNmyboz4TgeK40B1Kbql/8c5A==
 
+semver@^7.1.3, semver@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
+
 semver@~5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
@@ -11491,6 +11891,14 @@ source-map-support@^0.5.10, source-map-support@^0.5.6, source-map-support@~0.5.1
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-support@^0.5.17:
+  version "0.5.19"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
@@ -12153,6 +12561,15 @@ terser@^4.1.2, terser@^4.4.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^4.3.9:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.7.0.tgz#15852cf1a08e3256a80428e865a2fa893ffba006"
+  integrity sha512-Lfb0RiZcjRDXCC3OSHJpEkxJ9Qeqs6mp2v4jf2MHfy8vGERmVDuvjXdd/EnP5Deme5F2yBRBymKmKHCBg2echw==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
 test-exclude@^5.2.3:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
@@ -12432,6 +12849,28 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
+ts-loader@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-7.0.4.tgz#5d9b95227de5afb91fdd9668f8920eb193cfe0cc"
+  integrity sha512-5du6OQHl+4ZjO4crEyoYUyWSrmmo7bAO+inkaILZ68mvahqrfoa4nn0DRmpQ4ruT4l+cuJCgF0xD7SBIyLeeow==
+  dependencies:
+    chalk "^2.3.0"
+    enhanced-resolve "^4.0.0"
+    loader-utils "^1.0.2"
+    micromatch "^4.0.0"
+    semver "^6.0.0"
+
+ts-node@^8.10.1:
+  version "8.10.1"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.10.1.tgz#77da0366ff8afbe733596361d2df9a60fc9c9bd3"
+  integrity sha512-bdNz1L4ekHiJul6SHtZWs1ujEKERJnHs4HxN7rjTyyVOFf3HaJ6sLqe6aPG62XTzAB/63pKRh5jTSWL0D7bsvw==
+  dependencies:
+    arg "^4.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    source-map-support "^0.5.17"
+    yn "3.1.1"
+
 tsconfig@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-7.0.0.tgz#84538875a4dc216e5c4a5432b3a4dec3d54e91b7"
@@ -12442,11 +12881,23 @@ tsconfig@^7.0.0:
     strip-bom "^3.0.0"
     strip-json-comments "^2.0.0"
 
+tslib@^1.8.1:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
+  integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
+
 tslib@^1.9.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
   integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
 
+tsutils@^3.17.1:
+  version "3.17.1"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
+  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
+  dependencies:
+    tslib "^1.8.1"
+
 tty-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
@@ -12501,6 +12952,11 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typescript@~3.8:
+  version "3.8.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
+  integrity sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==
+
 ua-parser-js@^0.7.20, ua-parser-js@^0.7.21:
   version "0.7.21"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.21.tgz#853cf9ce93f642f67174273cc34565ae6f308777"
@@ -12909,18 +13365,6 @@ vue-context@^5.0.0:
   dependencies:
     vue-clickaway "^2.2.2"
 
-vue-eslint-parser@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-5.0.0.tgz#00f4e4da94ec974b821a26ff0ed0f7a78402b8a1"
-  integrity sha512-JlHVZwBBTNVvzmifwjpZYn0oPWH2SgWv5dojlZBsrhablDu95VFD+hriB1rQGwbD+bms6g+rAFhQHk6+NyiS6g==
-  dependencies:
-    debug "^4.1.0"
-    eslint-scope "^4.0.0"
-    eslint-visitor-keys "^1.0.0"
-    espree "^4.1.0"
-    esquery "^1.0.1"
-    lodash "^4.17.11"
-
 vue-eslint-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
@@ -13341,6 +13785,13 @@ worker-farm@^1.7.0:
   dependencies:
     errno "~0.1.7"
 
+worker-rpc@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/worker-rpc/-/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5"
+  integrity sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg==
+  dependencies:
+    microevent.ts "~0.1.1"
+
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
@@ -13560,6 +14011,11 @@ yargs@~3.10.0:
     decamelize "^1.0.0"
     window-size "0.1.0"
 
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
+
 yup@^0.27.0:
   version "0.27.0"
   resolved "https://registry.yarnpkg.com/yup/-/yup-0.27.0.tgz#f8cb198c8e7dd2124beddc2457571329096b06e7"