feat($core): Upgrade vue version (#1876)

Author: kefranabg

packages/@vuepress/core/lib/node/App.js

@@ -154,7 +154,7 @@ module.exports = class App {
       .use(require('./internal-plugins/frontmatterBlock'))
       .use('container', {
         type: 'slot',
-        before: info => `<template slot="${info}">`,
+        before: info => `<template #${info}>`,
         after: '</template>'
       })
       .use('container', {

packages/@vuepress/core/package.json

@@ -54,13 +54,13 @@
     "postcss-safe-parser": "^4.0.1",
     "toml": "^3.0.0",
     "url-loader": "^1.0.1",
-    "vue": "^2.5.16",
-    "vue-loader": "^15.2.4",
-    "vue-router": "^3.0.2",
-    "vue-server-renderer": "^2.5.16",
-    "vue-template-compiler": "^2.5.16",
+    "vue": "^2.6.10",
+    "vue-loader": "^15.7.1",
+    "vue-router": "^3.1.3",
+    "vue-server-renderer": "^2.6.10",
+    "vue-template-compiler": "^2.6.10",
     "vuepress-html-webpack-plugin": "^3.2.0",
-    "vuepress-plugin-container": "^2.0.0",
+    "vuepress-plugin-container": "^2.0.2",
     "webpack": "^4.8.1",
     "webpack-chain": "^4.6.0",
     "webpack-dev-server": "^3.5.1",

packages/@vuepress/test-utils/package.json

@@ -29,9 +29,9 @@
     "jest": "^24.7.1",
     "jest-serializer-vue": "^2.0.2",
     "ts-jest": "^24.0.2",
-    "vue": "^2.5.16",
+    "vue": "^2.6.10",
     "vue-jest": "^4.0.0-beta.1",
-    "vue-template-compiler": "^2.5.16"
+    "vue-template-compiler": "^2.6.10"
   },
   "author": "ULIVZ <[email protected]>",
   "license": "MIT",

packages/@vuepress/theme-default/layouts/Layout.vue

@@ -21,11 +21,11 @@
     >
       <slot
         name="sidebar-top"
-        slot="top"
+        #top
       />
       <slot
         name="sidebar-bottom"
-        slot="bottom"
+        #bottom
       />
     </Sidebar>
 
@@ -37,11 +37,11 @@
     >
       <slot
         name="page-top"
-        slot="top"
+        #top
       />
       <slot
         name="page-bottom"
-        slot="bottom"
+        #bottom
       />
     </Page>
   </div>

packages/@vuepress/theme-default/package.json

@@ -37,7 +37,7 @@
     "lodash": "^4.17.15",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
-    "vuepress-plugin-container": "^2.0.0",
+    "vuepress-plugin-container": "^2.0.2",
     "vuepress-plugin-smooth-scroll": "^0.0.3"
   }
 }

packages/@vuepress/theme-vue/layouts/Layout.vue

@@ -1,7 +1,7 @@
 <template>
   <ParentLayout>
-    <CarbonAds slot="sidebar-top"/>
-    <BuySellAds slot="page-bottom"/>
+    <CarbonAds #sidebar-top/>
+    <BuySellAds #page-bottom/>
   </ParentLayout>
 </template>
 

packages/docs/docs/plugin/official/plugin-pwa.md

@@ -216,7 +216,7 @@ First, you need to create a global component (e.g. `MySWUpdatePopup`) at `.vuepr
 <template>
   <SWUpdatePopup>
     <div
-      slot-scope="{ enabled, reload, message, buttonText }"
+      v-slot="{ enabled, reload, message, buttonText }"
       class="my-sw-update-popup">
       {{ message }}<br>
       <button @click="reload">{{ buttonText }}</button>

packages/docs/docs/theme/inheritance.md

@@ -163,7 +163,7 @@ You can use `@parent-theme` to access the root path of the parent theme. The fol
 <!-- themePath/components/Foo.vue -->
 <template>
   <ParentLayout>
-    <Foo slot="foo"/>
+    <Foo #foo/>
   </ParentLayout>
 </template>
 

packages/docs/docs/zh/plugin/official/plugin-pwa.md

@@ -216,7 +216,7 @@ module.exports = {
 <template>
   <SWUpdatePopup>
     <div
-      slot-scope="{ enabled, reload, message, buttonText }"
+      v-slot="{ enabled, reload, message, buttonText }"
       class="my-sw-update-popup">
       {{ message }}<br>
       <button @click="reload">{{ buttonText }}</button>

packages/docs/docs/zh/theme/inheritance.md

@@ -159,7 +159,7 @@ theme
 <!-- themePath/components/Foo.vue -->
 <template>
   <ParentLayout>
-    <Foo slot="foo"/>
+    <Foo #foo/>
   </ParentLayout>
 </template>