Skip to content
Permalink
Browse files

docs/restructure (#9416)

* docs: init

* refactor: tweaking home page

* refactor: finish up homepage

* refactor: lots of updates

* refactor: more updates

* refactor: more massive updates

* docs: update alerts

* refactor: change transition of locales menu

* refactor: more updates

* refactor: more updates

* refactor: fix home page render mismatch

* docs: fix ssr mismatch

* refactor: more updates

* docs: fix ads

* docs: more tweaks

* docs: add comparison

* docs: updates

* docs: add docs mode

* docs: add support for dark mode logos

* docs: mobile tweaks and more

* docs: fix 404s, improve 404 page, improve toc generation feel

* docs: add support for breadcrumbs microdata

* docs: add support for breadcrumbs microdata

* docs: toc clean-up

* docs: add layouts

* docs: fix ie11 support

* docs: partial revert of last commit

* docs: change base component implementation

* docs: resolve ie11 issues

* docs: fix releases & migrations

* docs: fix drawer in md on docs

* docs: hide second/third ad

some scenarios this happens if the user changes the pages too fast

* docs: clean-up consulting page

* docs(premium): clean up page

* docs(ToC): always have 1 heading selected

* chore: remove invert on dark theme

css cascading breaks examples, don't allow invert toggle on dark

* docs: add products to ad card

* docs: fix reactivity and add border radius to card

* docs: add skeleton loader for pages

* docs: improve why-vuetify page

* refactor: updates

* docs: add router functionality

* docs: fix snippets

* refactor: fix links, update styles on home page

* docs: fix base button

* docs(WhyVuetify): fix page structure

* docs: update text on why page

* refactor: update quick-start and add new browser-support page

* docs: add missing meta information

* docs: update getting started

* docs: add nuxt installation guide

* docs: update snippet

* docs: lots of updates

* docs: update value

* docs: more updates

* docs: update drawer and 301s

* docs: fixes and tweaks

* docs: fix enterprise link

* docs: lots of updates

* docs: final tweaks
  • Loading branch information
johnleider committed Oct 28, 2019
1 parent ade8707 commit fa403966748e3f23ceaed6f6e3a921399a70e272
Showing 953 changed files with 8,472 additions and 7,519 deletions.
@@ -56,7 +56,7 @@
<a href="https://paypal.me/vuetify">Make a one-time payment with Paypal</a>
</li>
<li>
<a href="https://vuetifyjs.com/getting-started/consulting-and-support?ref=github">Book time with John</a>
<a href="https://vuetifyjs.com/introduction/consulting-and-support?ref=github">Book time with John</a>
</li>
</ul>
@@ -156,7 +156,7 @@
Vuetify is a Material Design Component Framework for the Vue framework. We believe that you shouldn't need design skills to build beautiful Vue applications. Vuetify takes the pain out of development by providing everything you need:
- Over 100 beautiful hand crafted Material Components
- Over 80 beautiful hand crafted Material Components
- Powerful and unique directives for customizing user experiences
- WCAG accessibility (a11y) and Section 508 compliant
- Full RTL support
@@ -36,7 +36,9 @@ module.exports = {
{
files: [
'src/components/**/*.vue',
'src/pages/**/*.vue'
'src/layouts/**/*.vue',
'src/pages/**/*.vue',
'src/views/**/*.vue',
],
rules: {
'indent': 'off',
@@ -41,13 +41,13 @@
"vuelidate": "^0.7.4",
"vuetify": "^2.1.7",
"vuex": "^3.1.1",
"vuex-pathify": "^1.4.0",
"vuex-router-sync": "^5.0.0",
"webfontloader": "^1.6.28"
},
"devDependencies": {
"@babel/core": "^7.5.5",
"@babel/preset-env": "^7.5.5",
"@mdi/font": "^3.8.95",
"@mdi/js": "^3.8.95",
"autoprefixer": "^9.6.1",
"babel-loader": "^8.0.6",
@@ -29,10 +29,10 @@ function createRenderer (bundle, options) {
// for component caching
cache: new LRU({
max: 1000,
maxAge: 1000 * 60 * 15
maxAge: 1000 * 60 * 15,
}),
// recommended for performance
runInNewContext: false
runInNewContext: false,
}))
}

@@ -51,7 +51,7 @@ if (isProd) {
renderer = createRenderer(bundle, {
template,
clientManifest,
shouldPrefetch: () => false
shouldPrefetch: () => false,
})
} else {
// In development: setup the dev server with watch and hot-reload,
@@ -66,7 +66,7 @@ if (isProd) {
}

const serve = (path, cache) => express.static(resolve(path), {
maxAge: cache && isProd ? 1000 * 60 * 60 * 24 * 30 : 0
maxAge: cache && isProd ? 1000 * 60 * 60 * 24 * 30 : 0,
})

app.use(express.json())
@@ -118,7 +118,7 @@ function render (req, res) {
res.setHeader('Content-Type', 'text/html')
res.setHeader('Server', serverInfo)
res.cookie('currentLanguage', req.params[0], {
maxAge: 1000 * 60 * 60 * 24 * 7 // 7 days
maxAge: 1000 * 60 * 60 * 24 * 7, // 7 days
})

const handleError = err => {
@@ -142,7 +142,8 @@ function render (req, res) {
hreflangs: availableLanguages.reduce((acc, lang) => {
return acc + `<link rel="alternate" hreflang="${lang}" href="https://${req.hostname}/${lang}${req.params[1]}" />`
}, ''),
crowdin: ''
crowdin: '',
scripts: '',
}

if (context.lang === 'eo-UY') {
@@ -1,9 +1,7 @@
<template>
<v-app>
<v-fade-transition mode="out-in">
<router-view />

<core-toolbar v-if="hasToolbar" />
</v-app>
</v-fade-transition>
</template>

<script>
@@ -12,13 +10,14 @@
// Utilities
import { waitForReadystate } from '@/util/helpers'
import { mapState } from 'vuex'
import languages from '@/data/i18n/languages.json'
const fallbackLocale = languages.find(lang => lang.fallback === true).locale
export default {
name: 'App',
mixins: [Meta],
data: () => ({
@@ -27,37 +26,49 @@
}),
computed: {
...mapState('app', ['isLoading']),
...mapState('route', ['hash', 'name']),
languageIsValid () {
return this.availableLocales.includes(this.$route.params.lang)
},
hasToolbar () {
return this.languageIsValid && this.name !== 'Layouts'
},
watch: {
'$route.path' () {
window.scrollTo(0, 0)
},
},
created () {
if (!this.languageIsValid) this.$router.push(`/${fallbackLocale}`)
if (this.$ssrContext) return
this.$vuetify.theme.dark = localStorage.getItem('vuetify__documentation__theme') === 'true'
},
async mounted () {
if (!this.hash) return
if (!this.$route.hash) return
await this.$nextTick()
await waitForReadystate()
this.$vuetify.goTo(this.hash)
this.$vuetify.goTo(this.$route.hash)
},
}
</script>

<style>
.text-decoration-none {
text-decoration: none;
}
<style lang="sass">
.text-decoration-none
text-decoration: none
.wf-loading .material-icons {
display: none;
}
.wf-loading .material-icons
display: none
.v-application .markdown code
box-shadow: none
color: #c0341d
background-color: #fbe5e1
.v-application .markdown kbd > code
background: transparent
color: inherit
</style>

This file was deleted.

This file was deleted.

@@ -0,0 +1,83 @@
<template>
<no-ssr>
<v-card
v-if="activeTemplate"
class="mb-12"
outlined
>
<v-list
class="py-0"
color="transparent"
>
<v-list-item
:href="`${activeTemplate.url}?ref=vuetifyjs.com${activeTemplate.query || ''}`"
target="_blank"
rel="noopener noreferrer"
@click="$ga.event($route.path, 'click', 'theme-ad')"
>
<v-list-item-avatar
size="56"
tile
>
<v-img
:alt="`Link to ${activeTemplate.title}`"
:src="activeTemplate.src"
style="border-radius: 4px 0 0 4px"
/>
</v-list-item-avatar>

<v-list-item-content class="align-self-center">
<v-list-item-title v-text="activeTemplate.title" />

<v-list-item-subtitle v-text="activeTemplate.description" />
</v-list-item-content>

<v-list-item-action>
<v-icon class="mb-3">mdi-open-in-new</v-icon>

<span class="caption text--secondary">ads by Vuetify</span>
</v-list-item-action>
</v-list-item>
</v-list>
</v-card>
</no-ssr>
</template>

<script>
// Utilities
import {
sync,
} from 'vuex-pathify'
export default {
name: 'AdCard',
props: {
dense: {
type: Boolean,
default: false,
},
},
data: () => ({
products: require('@/data/products'),
}),
computed: {
themes: sync('documentation/templates'),
templates () {
return {
...this.themes,
...this.products,
}
},
activeTemplate () {
const templates = Object.keys(this.templates)
return this.templates[
templates[Math.floor(Math.random() * templates.length)]
]
},
},
}
</script>

0 comments on commit fa40396

Please sign in to comment.
You can’t perform that action at this time.