diff --git a/components/pages/events/Event/index.vue b/components/pages/events/Event/index.vue index b719b96..101f756 100644 --- a/components/pages/events/Event/index.vue +++ b/components/pages/events/Event/index.vue @@ -5,7 +5,7 @@ - Datum: {{event.date}} + Datum: {{event.date}} ({{event.date | moment('dddd') }}) Tid: {{event.time}} diff --git a/nuxt.config.js b/nuxt.config.js index 43020d4..ed9b1dc 100644 --- a/nuxt.config.js +++ b/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'] } -} +}; diff --git a/package.json b/package.json index 5d8882a..562d226 100644 --- a/package.json +++ b/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": { diff --git a/plugins/vue-moment.js b/plugins/vue-moment.js new file mode 100644 index 0000000..4cc531e --- /dev/null +++ b/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 +}); diff --git a/yarn.lock b/yarn.lock index 36660c0..ceac06d 100644 --- a/yarn.lock +++ b/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"