From ae8b4f58fae479ce92a8faaa875f3a3766c3cf2c Mon Sep 17 00:00:00 2001 From: pimlie Date: Mon, 11 Mar 2019 10:47:44 +0100 Subject: [PATCH] chore: lint examples --- examples/.babelrc | 3 ++- examples/basic-render/app.js | 11 ++++++--- examples/keep-alive/app.js | 16 ++++++------- examples/package.json | 7 +++++- examples/server.js | 5 ++-- examples/ssr.tagid.js | 44 ------------------------------------ examples/vue-router/app.js | 12 +++++----- examples/vuex-async/store.js | 18 +++++++-------- examples/vuex/store.js | 14 ++++++------ 9 files changed, 49 insertions(+), 81 deletions(-) delete mode 100644 examples/ssr.tagid.js diff --git a/examples/.babelrc b/examples/.babelrc index 1320b9a..c7e1abb 100644 --- a/examples/.babelrc +++ b/examples/.babelrc @@ -1,3 +1,4 @@ { - "presets": ["@babel/preset-env"] + "presets": [["@babel/preset-env", { targets: { node: "current" } }]], + "plugins": ["dynamic-import-node"] } diff --git a/examples/basic-render/app.js b/examples/basic-render/app.js index e566d75..ed3ee11 100644 --- a/examples/basic-render/app.js +++ b/examples/basic-render/app.js @@ -5,11 +5,16 @@ Vue.use(VueMeta) Vue.component('child', { name: 'Child', - props: ['page'], - render (h) { + props: { + page: { + type: String, + default: '' + } + }, + render(h) { return h('h3', null, this.page) }, - metaInfo () { + metaInfo() { return { title: this.page } diff --git a/examples/keep-alive/app.js b/examples/keep-alive/app.js index bf17f3b..7f95c29 100644 --- a/examples/keep-alive/app.js +++ b/examples/keep-alive/app.js @@ -11,6 +11,14 @@ Vue.component('foo', { }) new Vue({ + data() { + return { showFoo: false } + }, + methods: { + show() { + this.showFoo = !this.showFoo + } + }, template: `

Kept alive foo

@@ -20,14 +28,6 @@ new Vue({
`, - data () { - return { showFoo: false } - }, - methods: { - show () { - this.showFoo = !this.showFoo - } - }, metaInfo: () => ({ title: 'Keep-alive' }) diff --git a/examples/package.json b/examples/package.json index fb54612..498f975 100644 --- a/examples/package.json +++ b/examples/package.json @@ -6,7 +6,8 @@ "private": true, "scripts": { "dev": "cross-env NODE_ENV=development babel-node server.js", - "start": "babel-node server.js" + "start": "babel-node server.js", + "ssr": "babel-node ssr" }, "repository": { "type": "git", @@ -23,9 +24,13 @@ "@babel/node": "^7.2.2", "@babel/preset-env": "^7.3.1", "babel-loader": "^8.0.5", + "babel-plugin-dynamic-import-node": "^2.2.0", + "consola": "^2.5.6", "cross-env": "^5.2.0", "express": "^4.16.4", "express-urlrewrite": "^1.2.0", + "fs-extra": "^7.0.1", + "lodash": "^4.17.11", "vue": "^2.6.6", "vue-loader": "^15.6.4", "vue-meta": "^1.5.8", diff --git a/examples/server.js b/examples/server.js index b54f093..07ba703 100644 --- a/examples/server.js +++ b/examples/server.js @@ -1,5 +1,6 @@ import fs from 'fs' import path from 'path' +import consola from 'consola' import express from 'express' import rewrite from 'express-urlrewrite' import webpack from 'webpack' @@ -16,7 +17,7 @@ app.use(webpackDevMiddleware(webpack(WebpackConfig), { } })) -fs.readdirSync(__dirname).forEach(file => { +fs.readdirSync(__dirname).forEach((file) => { if (fs.statSync(path.join(__dirname, file)).isDirectory()) { app.use(rewrite('/' + file + '/*', '/' + file + '/index.html')) } @@ -28,5 +29,5 @@ const host = process.env.HOST || 'localhost' const port = process.env.PORT || 3000 module.exports = app.listen(port, host, () => { - console.log(`Server listening on http://${host}:${port}, Ctrl+C to stop`) + consola.info(`Server listening on http://${host}:${port}, Ctrl+C to stop`) }) diff --git a/examples/ssr.tagid.js b/examples/ssr.tagid.js deleted file mode 100644 index 327ccaf..0000000 --- a/examples/ssr.tagid.js +++ /dev/null @@ -1,44 +0,0 @@ -const Vue = require('vue') -const renderer = require('vue-server-renderer').createRenderer() -const VueMeta = require(process.env.NODE_ENV === 'development' ? '../' : 'vue-meta') - -Vue.use(VueMeta, { - tagIDKeyName: 'hid' -}) - -const vm = new Vue({ - template: '', - metaInfo: { - title: 'Hello', - htmlAttrs: { amp: undefined }, - meta: [ - { hid: 'description', name: 'description', content: 'Hello World' } - ], - script: [ - { hid: 'schema', innerHTML: '{ "@context": "http://www.schema.org", "@type": "Organization" }', type: 'application/ld+json' }, - { innerHTML: '{ "body": "yes" }', body: true, type: 'application/ld+json' } - ], - __dangerouslyDisableSanitizersByTagID: { schema: ['innerHTML'] } - }, - components: { - Hello: { - template: '

Hello

', - metaInfo: { - title: 'Coucou', - meta: [ - { hid: 'description', name: 'description', content: 'Coucou' } - ] - } - } - } -}) - -renderer.renderToString(vm, function (err, html) { - if (err) throw err - const $meta = vm.$meta().inject() - console.log('Title:\n' + $meta.title.text()) - console.log('\nHTML attrs:\n' + $meta.htmlAttrs.text()) - console.log('\nMeta:\n' + $meta.meta.text()) - console.log('\nHead Script:\n' + $meta.script.text()) - console.log('\nBody Script:\n' + $meta.script.text({ body: true })) -}) diff --git a/examples/vue-router/app.js b/examples/vue-router/app.js index d46b3c8..ee679d0 100644 --- a/examples/vue-router/app.js +++ b/examples/vue-router/app.js @@ -15,7 +15,7 @@ const ChildComponent = {

You're looking at the {{ page }} page

Has metaInfo been updated? {{ metaUpdated }}

`, - metaInfo () { + metaInfo() { return { title: `${this.page} - ${this.date && this.date.toTimeString()}`, afterNavigation() { @@ -27,22 +27,22 @@ const ChildComponent = { return { date: null, metaUpdated - }; + } }, mounted() { setInterval(() => { - this.date = new Date(); - }, 1000); + this.date = new Date() + }, 1000) } } // this wrapper function is not a requirement for vue-router, // just a demonstration that render-function style components also work. // See https://github.com/nuxt/vue-meta/issues/9 for more info. -function view (page) { +function view(page) { return { name: `section-${page}`, - render (h) { + render(h) { return h(ChildComponent, { props: { page } }) diff --git a/examples/vuex-async/store.js b/examples/vuex-async/store.js index 9eb0419..829d247 100644 --- a/examples/vuex-async/store.js +++ b/examples/vuex-async/store.js @@ -35,33 +35,33 @@ export default new Vuex.Store({ // GETTERS getters: { - isLoading (state) { + isLoading(state) { return state.isLoading }, - post (state) { + post(state) { return state.post }, - publishedPosts (state) { - return state.posts.filter((post) => post.published) + publishedPosts(state) { + return state.posts.filter(post => post.published) }, - publishedPostsCount (state, getters) { + publishedPostsCount(state, getters) { return getters.publishedPosts.length } }, // MUTATIONS mutations: { - loadingState (state, { isLoading }) { + loadingState(state, { isLoading }) { state.isLoading = isLoading }, - getPost (state, { slug }) { - state.post = state.posts.find((post) => post.slug === slug) + getPost(state, { slug }) { + state.post = state.posts.find(post => post.slug === slug) } }, // ACTIONS actions: { - getPost ({ commit }, payload) { + getPost({ commit }, payload) { commit('loadingState', { isLoading: true }) setTimeout(() => { commit('getPost', payload) diff --git a/examples/vuex/store.js b/examples/vuex/store.js index dd58b7e..5d67d94 100644 --- a/examples/vuex/store.js +++ b/examples/vuex/store.js @@ -35,27 +35,27 @@ export default new Vuex.Store({ // GETTERS getters: { - post (state) { + post(state) { return state.post }, - publishedPosts (state) { - return state.posts.filter((post) => post.published) + publishedPosts(state) { + return state.posts.filter(post => post.published) }, - publishedPostsCount (state, getters) { + publishedPostsCount(state, getters) { return getters.publishedPosts.length } }, // MUTATIONS mutations: { - getPost (state, { slug }) { - state.post = state.posts.find((post) => post.slug === slug) + getPost(state, { slug }) { + state.post = state.posts.find(post => post.slug === slug) } }, // ACTIONS actions: { - getPost ({ commit }, payload) { + getPost({ commit }, payload) { commit('getPost', payload) } }