From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 6 Nov 2020 17:47:22 +0000 (+0100)
Subject: docs: update layout for ad
X-Git-Tag: v4.0.0-rc.3~22
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=31b72b7654b2ec21b3d7a9e4bdc9e3a7266deee5;p=thirdparty%2Fvuejs%2Frouter.git

docs: update layout for ad
---

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 00000000..60e17006
Binary files /dev/null and b/docs/public/logo.png differ
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) => {