diff --git a/examples/meta-info/pages/index.vue b/examples/meta-info/pages/index.vue
old mode 100755
new mode 100644
index f4232a719150..45f2579e8b32
--- a/examples/meta-info/pages/index.vue
+++ b/examples/meta-info/pages/index.vue
@@ -1,30 +1,32 @@
 <template>
   <div class="container">
     <h1>Home page 🚀</h1>
-    <NuxtLink to="/about">
-      About page
-    </NuxtLink>
+    <NuxtLink to="/about">About page</NuxtLink>
   </div>
 </template>
 
 <script>
 export default {
-  head: {
-    title: 'Home page 🚀',
-    meta: [
-      { hid: 'description', name: 'description', content: 'Home page description' }
-    ],
-    noscript: [
-      { innerHTML: 'Body No Scripts', body: true }
-    ],
-    script: [
-      { src: '/head.js' },
-      // Supported since 1.0
-      { src: '/body.js', body: true },
-      { src: '/defer.js', defer: '' }
-    ]
+  head() {
+    return {
+      title: "Home page 🚀",
+      meta: [
+        {
+          hid: "description",
+          name: "description",
+          content: "Home page description"
+        }
+      ],
+      noscript: [{ innerHTML: "Body No Scripts", body: true }],
+      script: [
+        { src: "/head.js" },
+        // Supported since 1.0
+        { src: "/body.js", body: true },
+        { src: "/defer.js", defer: "" }
+      ]
+    };
   }
-}
+};
 </script>
 
 <style>