Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-27 08:02:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

update i18n example

Browse Source
This commit is contained in:
Alexandre Chopin 2017-02-13 19:08:22 +01:00
parent e01093b2ac
commit 2c33be31d5
6 changed files with 86 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
examples/i18n/pages/_lang/about.vue
View File

@ -1,21 +1,13 @@
<template> <template>
<div class="Content"> <about/>
<div class="container">
<h1 class="Content__Title">{{ $t('about.title') }}</h1>
<p>{{ $t('about.introduction') }}</p>
</div>
</div>
</template> </template>
<style> <script>
.Content import About from '~/partials/About.vue'
{
padding: 50px 0; export default {
text-align: center; components: {
About
} }
.Content__Title
{
font-weight: 300;
padding-bottom: 30px;
} }
</style> </script>

24
examples/i18n/pages/_lang/index.vue
View File

@ -1,21 +1,13 @@
<template> <template>
<div class="Content"> <home/>
<div class="container">
<h1 class="Content__Title">{{ $t('home.title') }}</h1>
<p>{{ $t('home.introduction') }}</p>
</div>
</div>
</template> </template>
<style> <script>
.Content import Home from '~/partials/Home.vue'
{
padding: 50px 0; export default {
text-align: center; components: {
Home
} }
.Content__Title
{
font-weight: 300;
padding-bottom: 30px;
} }
</style> </script>

13
examples/i18n/pages/about.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
<about/>
</template>
<script>
import About from '~/partials/About.vue'
export default {
components: {
About
}
}
</script>

13
examples/i18n/pages/index.vue Normal file
View File

@ -0,0 +1,13 @@
<template>
<home/>
</template>
<script>
import Home from '~/partials/Home.vue'
export default {
components: {
Home
}
}
</script>

21
examples/i18n/partials/About.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<div class="Content">
<div class="container">
<h1 class="Content__Title">{{ $t('about.title') }}</h1>
<p>{{ $t('about.introduction') }}</p>
</div>
</div>
</template>
<style>
.Content
{
padding: 50px 0;
text-align: center;
}
.Content__Title
{
font-weight: 300;
padding-bottom: 30px;
}
</style>

21
examples/i18n/partials/Home.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<div class="Content">
<div class="container">
<h1 class="Content__Title">{{ $t('home.title') }}</h1>
<p>{{ $t('home.introduction') }}</p>
</div>
</div>
</template>
<style>
.Content
{
padding: 50px 0;
text-align: center;
}
.Content__Title
{
font-weight: 300;
padding-bottom: 30px;
}
</style>