sidebar: [
{
text: 'Introduction',
- link: '/',
+ link: '/introduction.html',
},
{
text: 'Installation',
<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"
.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 {
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`)
# 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 = [
# 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
-# 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
+---
--- /dev/null
+# 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).
+++ /dev/null
-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) => {
projects / thirdparty / vuejs / router.git / commitdiff
