Improve build times

* Fix bulma/buefy being imported many (many !!!) times

* Remove javascript-time-ago because date-fns pretty much does the same
thing

* Make sure languages are loaded asynchronously

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/DateCalendarIcon.vue

@@ -27,23 +27,21 @@ export default class DateCalendarIcon extends Vue {
    */
   @Prop({ required: true }) date!: string;
 
-  get dateObj() {
+  get dateObj(): Date {
     return new Date(this.$props.date);
   }
 
-  get month() {
+  get month(): string {
     return this.dateObj.toLocaleString(undefined, { month: "short" });
   }
 
-  get day() {
+  get day(): string {
     return this.dateObj.toLocaleString(undefined, { day: "numeric" });
   }
 }
 </script>
 
 <style lang="scss" scoped>
-@import "../../variables.scss";
-
 time.datetime-container {
   background: $backgrounds;
   border: 1px solid $borders;

js/src/components/Event/EventCard.vue

@@ -115,8 +115,6 @@ export default class EventCard extends Vue {
 </script>
 
 <style lang="scss" scoped>
-@import "../../variables";
-
 a.card {
   display: block;
   background: $secondary;

js/src/components/Event/EventListCard.vue

@@ -275,8 +275,6 @@ export default class EventListCard extends mixins(ActorMixin, EventMixin) {
 </script>
 
 <style lang="scss" scoped>
-@import "../../variables";
-
 article.box {
   div.tag-container {
     position: absolute;

js/src/components/Event/EventListViewCard.vue

@@ -104,8 +104,6 @@ export default class EventListViewCard extends mixins(ActorMixin, EventMixin) {
 </script>
 
 <style lang="scss" scoped>
-@import "../../variables";
-
 article.box {
   div.content {
     padding: 5px;

js/src/components/Event/EventMetadataBlock.vue

@@ -20,8 +20,6 @@ export default class EventMetadataBlock extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-@import "../../variables.scss";
-
 h2 {
   font-size: 1.8rem;
   font-weight: 500;