From 31b72b7654b2ec21b3d7a9e4bdc9e3a7266deee5 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 6 Nov 2020 18:47:22 +0100
Subject: [PATCH] docs: update layout for ad

---
 docs/.vitepress/config.js                     |   2 +-
 docs/.vitepress/theme/Layout.vue              |   2 +-
 .../.vitepress/theme/components/CarbonAds.vue |  19 +++++++-
 docs/.vitepress/theme/index.js                |   2 +
 docs/guide/advanced/meta.md                   |   2 +-
 docs/guide/index.md                           |   6 ---
 docs/index.md                                 |  23 +++------
 docs/introduction.md                          |  18 +++++++
 docs/public/logo.png                          | Bin 0 -> 3451 bytes
 patches/vite+1.0.0-rc.4.patch                 |  45 ------------------
 10 files changed, 48 insertions(+), 71 deletions(-)
 create mode 100644 docs/introduction.md
 create mode 100644 docs/public/logo.png
 delete mode 100644 patches/vite+1.0.0-rc.4.patch

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index c95e4497..35f5b19b 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -78,7 +78,7 @@ const config = {
         sidebar: [
           {
             text: 'Introduction',
-            link: '/',
+            link: '/introduction.html',
           },
           {
             text: 'Installation',
diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index df492df7..aee1a8ab 100644
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -3,7 +3,7 @@
     <template #navbar-search>
       <AlgoliaSearchBox :options="$site.themeConfig.algolia" />
     </template>
-    <template #sidebar-top>
+    <template #page-top>
       <CarbonAds
         v-if="$site.themeConfig.carbonAds"
         :key="'carbon' + $page.path"
diff --git a/docs/.vitepress/theme/components/CarbonAds.vue b/docs/.vitepress/theme/components/CarbonAds.vue
index 706ae7dc..d32de6b0 100644
--- a/docs/.vitepress/theme/components/CarbonAds.vue
+++ b/docs/.vitepress/theme/components/CarbonAds.vue
@@ -37,8 +37,25 @@ export default {
 .carbon-ads {
   min-height: 102px;
   padding: 1.5rem 1.5rem 0;
-  margin-bottom: 0.5rem;
   font-size: 0.75rem;
+
+  width: 125px;
+  position: fixed;
+  z-index: 19;
+  bottom: 0;
+  right: 22px;
+  padding: 10px;
+}
+
+@media screen and (max-width: 1300px) {
+  .carbon-ads {
+    z-index: 1;
+    position: relative;
+    top: 12px;
+    right: 20px;
+    float: right;
+    padding: 0 0 20px 30px;
+  }
 }
 
 .carbon-ads a {
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 104a4129..cc3c5046 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -1,10 +1,12 @@
 import DefaultTheme from 'vitepress/dist/client/theme-default'
 import Layout from './Layout.vue'
+import HomeSponsors from '../components/HomeSponsors.vue'
 
 export default {
   ...DefaultTheme,
   Layout,
   enhanceApp({ app, router, siteData }) {
+    app.component('HomeSponsors', HomeSponsors)
     // test
     // app is the Vue 3 app instance from createApp()
     // router is VitePress' custom router (see `lib/app/router.js`)
diff --git a/docs/guide/advanced/meta.md b/docs/guide/advanced/meta.md
index dc2170e0..07ecb5fc 100644
--- a/docs/guide/advanced/meta.md
+++ b/docs/guide/advanced/meta.md
@@ -1,6 +1,6 @@
 # Route Meta Fields
 
-You can include a `meta` field when defining a route with any arbitrary information:
+Sometimes, you might want to attach arbitrary information to routes like transition names, who can access the route, etc. This can be achieved through the `meta` property which accepts an object of properties and can be accessed on the route location and navigation guards. You can define `meta` properties like this:
 
 ```js
 const routes = [
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 7ca11276..1e8cd95b 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -1,11 +1,5 @@
 # Getting Started
 
-::: tip Note
-We will be using [ES2015](https://github.com/lukehoban/es6features) in the code samples in the guide.
-
-Also, all examples will be using the full version of Vue to make on-the-fly template compilation possible. See more details [here](https://v3.vuejs.org/guide/installation.html#runtime-compiler-vs-runtime-only).
-:::
-
 Creating a Single-page Application with Vue + Vue Router is dead simple. With Vue.js, we are already composing our application with components. When adding Vue Router to the mix, all we need to do is map our components to the routes and let Vue Router know where to render them. Here's a basic example:
 
 ## HTML
diff --git a/docs/index.md b/docs/index.md
index afb30ece..4feb6948 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,16 +1,7 @@
-# Introduction
-
-Vue Router is the official router for [Vue.js](http://v3.vuejs.org). It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features include:
-
-- Nested routes mapping
-- Dynamic Routing
-- Modular, component-based router configuration
-- Route params, query, wildcards
-- View transition effects powered by Vue.js' transition system
-- Fine-grained navigation control
-- Links with automatic active CSS classes
-- HTML5 history mode or hash mode
-- Customizable Scroll Behavior
-- Proper encoding for URLs
-
-[Get started](/guide/) or play with the [playground](https://github.com/vuejs/vue-router-next/tree/master/playground) (see [`README.md`](https://github.com/vuejs/vue-router-next) to run them).
+---
+home: true
+heroImage: /logo.png
+actionText: Get Started →
+actionLink: /introduction.html
+footer: MIT Licensed | Copyright © 2014-present Evan You, Eduardo San Martin Morote
+---
diff --git a/docs/introduction.md b/docs/introduction.md
new file mode 100644
index 00000000..d130c532
--- /dev/null
+++ b/docs/introduction.md
@@ -0,0 +1,18 @@
+# Introduction
+
+Vue Router is the official router for [Vue.js](http://v3.vuejs.org). It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Features include:
+
+- Nested routes mapping
+- Dynamic Routing
+- Modular, component-based router configuration
+- Route params, query, wildcards
+- View transition effects powered by Vue.js' transition system
+- Fine-grained navigation control
+- Links with automatic active CSS classes
+- HTML5 history mode or hash mode
+- Customizable Scroll Behavior
+- Proper encoding for URLs
+
+<HomeSponsors />
+
+[Get started](/guide/) or play with the [playground](https://github.com/vuejs/vue-router-next/tree/master/playground) (see [`README.md`](https://github.com/vuejs/vue-router-next) to run them).
diff --git a/docs/public/logo.png b/docs/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..60e17006ad07cd313788585e2f5e528fbb7cf821
GIT binary patch
literal 3451
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

literal 0
Hc-jL100001

diff --git a/patches/vite+1.0.0-rc.4.patch b/patches/vite+1.0.0-rc.4.patch
deleted file mode 100644
index 49439a4d..00000000
--- a/patches/vite+1.0.0-rc.4.patch
+++ /dev/null
@@ -1,45 +0,0 @@
-diff --git a/node_modules/vite/dist/node/build/index.js b/node_modules/vite/dist/node/build/index.js
-index 923d0ea..7155e48 100644
---- a/node_modules/vite/dist/node/build/index.js
-+++ b/node_modules/vite/dist/node/build/index.js
-@@ -351,7 +351,7 @@ async function build(options) {
-         console.log(`Build completed in ${((Date.now() - start) / 1000).toFixed(2)}s.\n`);
-     }
-     // stop the esbuild service after each build
--    esbuildService_1.stopService();
-+    await esbuildService_1.stopService();
-     return {
-         assets: output,
-         html: indexHtml
-diff --git a/node_modules/vite/dist/node/esbuildService.js b/node_modules/vite/dist/node/esbuildService.js
-index 0d5d11b..2caf9e3 100644
---- a/node_modules/vite/dist/node/esbuildService.js
-+++ b/node_modules/vite/dist/node/esbuildService.js
-@@ -33,16 +33,19 @@ function resolveJsxOptions(options = 'vue') {
- }
- exports.resolveJsxOptions = resolveJsxOptions;
- // lazy start the service
--let _service;
--const ensureService = async () => {
--    if (!_service) {
--        _service = await esbuild_1.startService();
-+let _servicePromise;
-+const ensureService = () => {
-+    if (!_servicePromise) {
-+      _servicePromise = esbuild_1.startService();
-     }
--    return _service;
-+    return _servicePromise;
- };
--exports.stopService = () => {
--    _service && _service.stop();
--    _service = undefined;
-+exports.stopService = async () => {
-+  if (_servicePromise) {
-+    const service = await _servicePromise
-+    service.stop();
-+    _servicePromise = undefined;
-+  }
- };
- // transform used in server plugins with a more friendly API
- exports.transform = async (src, request, options = {}, jsxOption) => {
-- 
2.47.3