Add weekday to event

components/pages/events/Event/index.vue

@@ -5,7 +5,7 @@
     </v-card-title>
     <v-container>
       <v-layout row wrap>
-        <v-flex xs12 sm6><strong>Datum:</strong> {{event.date}}</v-flex>
+        <v-flex xs12 sm6><strong>Datum:</strong> {{event.date}} ({{event.date | moment('dddd') }})</v-flex>
         <v-flex xs12 sm6 v-if="event.time"><strong>Tid:</strong> {{event.time}}</v-flex>
       </v-layout>
       <v-layout row wrap>

nuxt.config.js

@@ -4,28 +4,29 @@ module.exports = {
   ],
   head: {
     link: [
-      { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
-      { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' },
-      { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' },
-      { rel: 'manifest', href: '/site.webmanifest' },
-      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#7f0aff' },
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
-      { rel: "stylesheet", href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' },
-      { rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Material+Icons" },
-      { rel: "stylesheet", href: "https://cdn.materialdesignicons.com/3.3.92/css/materialdesignicons.min.css" }
+      {rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png'},
+      {rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png'},
+      {rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png'},
+      {rel: 'manifest', href: '/site.webmanifest'},
+      {rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#7f0aff'},
+      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'},
+      {rel: "stylesheet", href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons'},
+      {rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Material+Icons"},
+      {rel: "stylesheet", href: "https://cdn.materialdesignicons.com/3.3.92/css/materialdesignicons.min.css"}
     ],
     meta: [
-      { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no, minimal-ui' }
+      {name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no, minimal-ui'}
     ],
   },
   mode: 'spa',
   plugins: [
-    { src: '~/plugins/vuetify.js', ssr: false },
-    { src: '~/plugins/graph-routing.js', ssr: false },
-    { src: '~/plugins/app-components.js', ssr: false },
-    { src: '~/plugins/vue-lazyload.js', ssr: false }
+    {src: '~/plugins/vuetify.js', ssr: false},
+    {src: '~/plugins/graph-routing.js', ssr: false},
+    {src: '~/plugins/app-components.js', ssr: false},
+    {src: '~/plugins/vue-lazyload.js', ssr: false},
+    {src: '~/plugins/vue-moment.js', ssr: false}
   ],
   router: {
     middleware: ['auth']
   }
-}
+};

package.json

@@ -23,6 +23,7 @@
     "sass-loader": "^7.0.3",
     "vue": "^2.5.22",
     "vue-lazyload": "^1.2.6",
+    "vue-moment": "^4.0.0",
     "vuetify": "^1.4.2"
   },
   "scripts": {

plugins/vue-moment.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+
+const moment = require('moment');
+require('moment/locale/sv');
+
+Vue.use(require('vue-moment'), {
+  moment
+});

yarn.lock

@@ -5103,6 +5103,13 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
+mem@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
+  integrity sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=
+  dependencies:
+    mimic-fn "^1.0.0"
+
 mem@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/mem/-/mem-4.0.0.tgz#6437690d9471678f6cc83659c00cbafcd6b0cdaf"
@@ -5314,6 +5321,11 @@ moment@2.22.2:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.22.2.tgz#3c257f9839fc0e93ff53149632239eb90783ff66"
   integrity sha1-PCV/mDn8DpP/UxSWMiOeuQeD/2Y=
 
+moment@^2.11.1:
+  version "2.24.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
+  integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -8401,6 +8413,13 @@ vue-meta@^1.5.6:
     lodash.uniqueid "^4.0.1"
     object-assign "^4.1.1"
 
+vue-moment@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/vue-moment/-/vue-moment-4.0.0.tgz#20809d1e7d7fca63d556fb8d008b95993d32f5ea"
+  integrity sha512-lNkEPuA3i3A4q4TDSwOXoRF4Y2vHHdaTOSvpPyGgxoFQP8n4sUh6jU5aJj3FIMlXo5UaHLPIz5hvvpvYx9Wj0w==
+  dependencies:
+    moment "^2.11.1"
+
 vue-no-ssr@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz#875f3be6fb0ae41568a837f3ac1a80eaa137b998"