lint examples

Author: yyx990803

examples/active-links/app.js

@@ -23,13 +23,15 @@ const router = new VueRouter({
   routes: [
     { path: '/', component: Home },
     { path: '/about', component: About },
-    { path: '/users', component: Users, children: [
-      { path: ':username', component: User }
-    ]},
+    { path: '/users', component: Users,
+      children: [
+        { path: ':username', component: User }
+      ]
+    }
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/basic/app.js

@@ -25,7 +25,7 @@ const router = new VueRouter({
 // 4. Create and mount root instance.
 // Make sure to inject the router.
 // Route components will be rendered inside <router-view>.
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/data-fetching/app.js

@@ -15,7 +15,7 @@ const router = new VueRouter({
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/named-routes/app.js

@@ -17,7 +17,7 @@ const router = new VueRouter({
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/named-views/app.js

@@ -31,7 +31,7 @@ const router = new VueRouter({
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/navigation-guards/app.js

@@ -14,9 +14,9 @@ const Bar = { template: '<div>bar</div>' }
  * @param {Function} next - confirm the route
  */
 function guardRoute (route, redirect, next) {
-  if (confirm(`Navigate to ${route.path}?`)) {
+  if (window.confirm(`Navigate to ${route.path}?`)) {
     next()
-  } else if (confirm(`Redirect to home?`)) {
+  } else if (window.confirm(`Redirect to home?`)) {
     redirect('/')
   }
 }
@@ -33,7 +33,7 @@ const Baz = {
     </div>
   `,
   routeCanDeactivate (route, redirect, next) {
-    if (this.saved || confirm('Not saved, are you sure you want to navigate away?')) {
+    if (this.saved || window.confirm('Not saved, are you sure you want to navigate away?')) {
       next()
     }
   }
@@ -67,7 +67,7 @@ router.beforeEach((route, redirect, next) => {
   }
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/nested-routes/app.js

@@ -24,27 +24,29 @@ const router = new VueRouter({
   base: __dirname,
   routes: [
     { path: '/', redirect: '/parent' },
-    { path: '/parent', component: Parent, children: [
-      // an empty path will be treated as the default, e.g.
-      // components rendered at /parent: Root -> Parent -> Default
-      { path: '', component: Default },
-
-      // components rendered at /parent/foo: Root -> Parent -> Foo
-      { path: 'foo', component: Foo },
-
-      // components rendered at /parent/bar: Root -> Parent -> Bar
-      { path: 'bar', component: Bar },
-
-      // NOTE absolute path here!
-      // this allows you to leverage the component nesting without being
-      // limited to the nested URL.
-      // components rendered at /baz: Root -> Parent -> Baz
-      { path: '/baz', component: Baz }
-    ]}
+    { path: '/parent', component: Parent,
+      children: [
+        // an empty path will be treated as the default, e.g.
+        // components rendered at /parent: Root -> Parent -> Default
+        { path: '', component: Default },
+
+        // components rendered at /parent/foo: Root -> Parent -> Foo
+        { path: 'foo', component: Foo },
+
+        // components rendered at /parent/bar: Root -> Parent -> Bar
+        { path: 'bar', component: Bar },
+
+        // NOTE absolute path here!
+        // this allows you to leverage the component nesting without being
+        // limited to the nested URL.
+        // components rendered at /baz: Root -> Parent -> Baz
+        { path: '/baz', component: Baz }
+      ]
+    }
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/redirect/app.js

@@ -14,14 +14,16 @@ const router = new VueRouter({
   mode: 'history',
   base: __dirname,
   routes: [
-    { path: '/', component: Home, children: [
-      { path: '', component: Default },
-      { path: 'foo', component: Foo },
-      { path: 'bar', component: Bar },
-      { path: 'baz', name: 'baz', component: Baz },
-      // relative redirect to a sibling route
-      { path: 'relative-redirect', redirect: 'foo' },
-    ]},
+    { path: '/', component: Home,
+      children: [
+        { path: '', component: Default },
+        { path: 'foo', component: Foo },
+        { path: 'bar', component: Bar },
+        { path: 'baz', name: 'baz', component: Baz },
+        // relative redirect to a sibling route
+        { path: 'relative-redirect', redirect: 'foo' }
+      ]
+    },
     // absolute redirect
     { path: '/absolute-redirect', redirect: '/bar' },
     // named redirect
@@ -32,11 +34,11 @@ const router = new VueRouter({
     { path: '/redirect-with-params/:id', redirect: '/with-params/:id' },
 
     // catch all redirect
-    { path: '*', redirect: '/' },
+    { path: '*', redirect: '/' }
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">

examples/route-alias/app.js

@@ -12,27 +12,40 @@ const router = new VueRouter({
   mode: 'history',
   base: __dirname,
   routes: [
-    { path: '/home', component: Home, children: [
-      // absolute alias
-      { path: 'foo', component: Foo, alias: '/foo' },
-      // relative alias (alias to /home/bar-alias)
-      { path: 'bar', component: Bar, alias: 'bar-alias' },
-      // multiple aliases
-      { path: 'baz', component: Baz, alias: ['/baz', 'baz-alias'] }
-    ]}
+    { path: '/home', component: Home,
+      children: [
+        // absolute alias
+        { path: 'foo', component: Foo, alias: '/foo' },
+        // relative alias (alias to /home/bar-alias)
+        { path: 'bar', component: Bar, alias: 'bar-alias' },
+        // multiple aliases
+        { path: 'baz', component: Baz, alias: ['/baz', 'baz-alias'] }
+      ]
+    }
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">
       <h1>Route Alias</h1>
       <ul>
-        <li><router-link to="/foo">/foo (renders /home/foo)</router-link></li>
-        <li><router-link to="/home/bar-alias">/home/bar-alias (renders /home/bar)</router-link></li>
-        <li><router-link to="/baz">/baz (renders /home/baz)</router-link></li>
-        <li><router-link to="/home/baz-alias">/home/baz-alias (renders /home/baz)</router-link></li>
+        <li><router-link to="/foo">
+          /foo (renders /home/foo)
+        </router-link></li>
+
+        <li><router-link to="/home/bar-alias">
+          /home/bar-alias (renders /home/bar)
+        </router-link></li>
+
+        <li><router-link to="/baz">
+          /baz (renders /home/baz)</router-link>
+        </li>
+
+        <li><router-link to="/home/baz-alias">
+          /home/baz-alias (renders /home/baz)
+        </router-link></li>
       </ul>
       <router-view class="view"></router-view>
     </div>

examples/route-matching/app.js

@@ -14,7 +14,7 @@ const router = new VueRouter({
     // params are denoted with a colon ":"
     { path: '/params/:foo/:bar' },
     // a param can be made optional by adding "?"
-    { path: '/optional-params/:foo?'},
+    { path: '/optional-params/:foo?' },
     // a param can be followed by a regex pattern in parens
     // this route will only be matched if :id is all numbers
     { path: '/params-with-regex/:id(\\d+)' },
@@ -25,7 +25,7 @@ const router = new VueRouter({
   ]
 })
 
-const app = new Vue({
+new Vue({
   router,
   template: `
     <div id="app">