Skip to content

Commit

Permalink
docs/restructure (#9416)
Browse files Browse the repository at this point in the history
* 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 fa40396
Show file tree
Hide file tree
Showing 953 changed files with 8,472 additions and 7,519 deletions.
4 changes: 2 additions & 2 deletions README.md
Expand Up @@ -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>

Expand Down Expand Up @@ -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
Expand Down
4 changes: 3 additions & 1 deletion packages/docs/.eslintrc.js
Expand Up @@ -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',
Expand Down
2 changes: 1 addition & 1 deletion packages/docs/package.json
Expand Up @@ -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",
Expand Down
13 changes: 7 additions & 6 deletions packages/docs/server.js
Expand Up @@ -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,
}))
}

Expand All @@ -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,
Expand All @@ -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())
Expand Down Expand Up @@ -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 => {
Expand All @@ -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') {
Expand Down
47 changes: 29 additions & 18 deletions packages/docs/src/App.vue
@@ -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>
Expand All @@ -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: () => ({
Expand All @@ -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>
9 changes: 0 additions & 9 deletions packages/docs/src/components/ad/BottomNav.vue

This file was deleted.

103 changes: 0 additions & 103 deletions packages/docs/src/components/ad/Carbon.vue

This file was deleted.

83 changes: 83 additions & 0 deletions packages/docs/src/components/ad/Card.vue
@@ -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.