├── .editorconfig
├── .eslintrc.js
├── .gitignore
├── README.md
├── assets
    └── README.md
├── components
    ├── LangSwitcher.vue
    ├── Logo.vue
    └── README.md
├── config
    └── index.js
├── lang
    ├── en-US.js
    ├── es-ES.js
    └── fr-FR.js
├── layouts
    ├── README.md
    └── default.vue
├── middleware
    └── README.md
├── now.json
├── nuxt.config.js
├── package.json
├── pages
    ├── README.md
    ├── about.vue
    ├── dynamicNested
    │   ├── _category.vue
    │   ├── _category
    │   │   └── _subCategory
    │   │   │   ├── _id.vue
    │   │   │   └── index.vue
    │   └── index.vue
    ├── index.vue
    ├── post
    │   └── _id.vue
    └── posts.vue
├── plugins
    ├── README.md
    └── version.js
├── renovate.json
├── static
    ├── README.md
    └── favicon.ico
├── store
    └── README.md
└── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_size = 2
 6 | indent_style = space
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.md]
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   "extends": [
3 |     "@nuxtjs"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # dependencies
 2 | node_modules
 3 | 
 4 | # logs
 5 | npm-debug.log
 6 | 
 7 | # Nuxt build
 8 | .nuxt
 9 | 
10 | # Nuxt generate
11 | dist
12 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # nuxt-i18n-example
 2 | 
 3 | > [nuxt-i18n](https://github.com/paulgv/nuxt-i18n) showcase project based on nuxt-starter template
 4 | 
 5 | [https://nuxt-i18n-example.now.sh/](https://nuxt-i18n-example.now.sh/)
 6 | 
 7 | ## Build Setup
 8 | 
 9 | ``` bash
10 | # install dependencies
11 | $ yarn # Or npm install
12 | 
13 | # serve with hot reload at localhost:3000
14 | $ yarn dev
15 | 
16 | # build for production and launch server
17 | $ yarn build
18 | $ yarn start
19 | 
20 | # generate static project
21 | $ yarn generate
22 | ```
23 | 
24 | For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).
25 | 


--------------------------------------------------------------------------------
/assets/README.md:
--------------------------------------------------------------------------------
1 | # ASSETS
2 | 
3 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/assets#webpacked
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/components/LangSwitcher.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <span class="lang-switcher">
 3 |     <nuxt-link
 4 |       v-for="(locale, i) in showLocales"
 5 |       :key="i"
 6 |       :to="switchLocalePath(locale.code)"
 7 |     >
 8 |       {{ locale.name }}
 9 |     </nuxt-link>
10 |   </span>
11 | </template>
12 | 
13 | <script>
14 | export default {
15 |   name: 'LangSwitcher',
16 |   computed: {
17 |     showLocales () {
18 |       return this.$i18n.locales.filter(locale => locale.code !== this.$i18n.locale)
19 |     }
20 |   }
21 | }
22 | </script>
23 | 


--------------------------------------------------------------------------------
/components/Logo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="VueToNuxtLogo">
 3 |     <div class="Triangle Triangle--two" />
 4 |     <div class="Triangle Triangle--one" />
 5 |     <div class="Triangle Triangle--three" />
 6 |     <div class="Triangle Triangle--four" />
 7 |   </div>
 8 | </template>
 9 | 
10 | <style>
11 | .VueToNuxtLogo {
12 |   display: inline-block;
13 |   animation: turn 2s linear forwards 1s;
14 |   transform: rotateX(180deg);
15 |   position: relative;
16 |   overflow: hidden;
17 |   height: 180px;
18 |   width: 245px;
19 | }
20 | 
21 | .Triangle {
22 |   position: absolute;
23 |   top: 0;
24 |   left: 0;
25 |   width: 0;
26 |   height: 0;
27 | }
28 | 
29 | .Triangle--one {
30 |   border-left: 105px solid transparent;
31 |   border-right: 105px solid transparent;
32 |   border-bottom: 180px solid #41B883;
33 | }
34 | 
35 | .Triangle--two {
36 |   top: 30px;
37 |   left: 35px;
38 |   animation: goright 0.5s linear forwards 3.5s;
39 |   border-left: 87.5px solid transparent;
40 |   border-right: 87.5px solid transparent;
41 |   border-bottom: 150px solid #3B8070;
42 | }
43 | 
44 | .Triangle--three {
45 |   top: 60px;
46 |   left: 35px;
47 |   animation: goright 0.5s linear forwards 3.5s;
48 |   border-left: 70px solid transparent;
49 |   border-right: 70px solid transparent;
50 |   border-bottom: 120px solid #35495E;
51 | }
52 | 
53 | .Triangle--four {
54 |   top: 120px;
55 |   left: 70px;
56 |   animation: godown 0.5s linear forwards 3s;
57 |   border-left: 35px solid transparent;
58 |   border-right: 35px solid transparent;
59 |   border-bottom: 60px solid #fff;
60 | }
61 | 
62 | @keyframes turn {
63 |   100% {
64 |     transform: rotateX(0deg);
65 |   }
66 | }
67 | 
68 | @keyframes godown {
69 |   100% {
70 |     top: 180px;
71 |   }
72 | }
73 | 
74 | @keyframes goright {
75 |   100% {
76 |     left: 70px;
77 |   }
78 | }
79 | </style>
80 | 


--------------------------------------------------------------------------------
/components/README.md:
--------------------------------------------------------------------------------
1 | # COMPONENTS
2 | 
3 | The components directory contains your Vue.js Components.
4 | Nuxt.js doesn't supercharge these components.
5 | 
6 | **This directory is not required, you can delete it if you don't want to use it.**
7 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | import en from '../lang/en-US.js'
 2 | import fr from '../lang/fr-FR.js'
 3 | import es from '../lang/es-ES.js'
 4 | 
 5 | export const API_ROOT = 'https://jsonplaceholder.typicode.com/'
 6 | 
 7 | export const I18N = {
 8 |   locales: [
 9 |     {
10 |       code: 'en',
11 |       iso: 'en-US',
12 |       name: 'English'
13 |     },
14 |     {
15 |       code: 'fr',
16 |       iso: 'fr-FR',
17 |       name: 'Français'
18 |     },
19 |     {
20 |       code: 'es',
21 |       iso: 'es-ES',
22 |       name: 'Español'
23 |     }
24 |   ],
25 |   defaultLocale: 'en',
26 |   routes: {
27 |     about: {
28 |       fr: '/a-propos',
29 |       en: '/about-us'
30 |     },
31 |     posts: {
32 |       fr: '/articles'
33 |     },
34 |     'post/_id': {
35 |       fr: '/article/:id?',
36 |       es: '/articulo/:id?'
37 |     },
38 |     'dynamicNested/_category': {
39 |       fr: 'imbrication-dynamique/:category'
40 |     }
41 |   },
42 |   vueI18n: {
43 |     fallbackLocale: 'en',
44 |     messages: { en, fr, es }
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/lang/en-US.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   home: 'Homepage',
3 |   posts: 'Posts',
4 |   about: 'About us',
5 |   homepage: {
6 |     subtitle: 'nuxt-i18n demo'
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/lang/es-ES.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   home: 'Página principal',
3 |   posts: 'Artículos',
4 |   about: 'Sobre nosotros',
5 |   homepage: {
6 |     subtitle: 'Demostración nuxt-i18n'
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/lang/fr-FR.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   home: 'Accueil',
3 |   posts: 'Articles',
4 |   about: 'À propos',
5 |   homepage: {
6 |     subtitle: 'Démo de nuxt-i18n'
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/layouts/README.md:
--------------------------------------------------------------------------------
1 | # LAYOUTS
2 | 
3 | This directory contains your Application Layouts.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/views#layouts
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <header>
  4 |       <nav>
  5 |         <nuxt-link :to="localePath('index')">
  6 |           {{ $t('home') }}
  7 |         </nuxt-link>
  8 |         <nuxt-link :to="localePath('posts')">
  9 |           {{ $t('posts') }}
 10 |         </nuxt-link>
 11 |         <nuxt-link :to="localePath('about')">
 12 |           {{ $t('about') }}
 13 |         </nuxt-link>
 14 |         <LangSwitcher />
 15 |       </nav>
 16 |     </header>
 17 |     <nuxt />
 18 |     <div v-if="$nuxtI18nVersion" class="version">
 19 |       nuxt-i18n v{{ $nuxtI18nVersion }}
 20 |     </div>
 21 |   </div>
 22 | </template>
 23 | 
 24 | <script>
 25 | import LangSwitcher from '~/components/LangSwitcher'
 26 | 
 27 | export default {
 28 |   components: {
 29 |     LangSwitcher
 30 |   }
 31 | }
 32 | </script>
 33 | 
 34 | <style>
 35 | html {
 36 |   font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 37 |   font-size: 16px;
 38 |   word-spacing: 1px;
 39 |   -ms-text-size-adjust: 100%;
 40 |   -webkit-text-size-adjust: 100%;
 41 |   -moz-osx-font-smoothing: grayscale;
 42 |   -webkit-font-smoothing: antialiased;
 43 |   box-sizing: border-box;
 44 | }
 45 | 
 46 | body {
 47 |   padding-bottom: 30px;
 48 | }
 49 | 
 50 | *, *:before, *:after {
 51 |   box-sizing: border-box;
 52 |   margin: 0;
 53 | }
 54 | 
 55 | .nuxt-progress {
 56 |   z-index: 10;
 57 | }
 58 | 
 59 | h1 {
 60 |   text-align: left;
 61 |   margin-bottom: 20px;
 62 | }
 63 | 
 64 | p {
 65 |   text-align: left;
 66 | }
 67 | 
 68 | header {
 69 |   width: 100%;
 70 |   background: #3b8070;
 71 |   color: #fff;
 72 |   padding: 15px;
 73 |   margin-bottom: 20px;
 74 |   text-align: right;
 75 | }
 76 | 
 77 | header a {
 78 |   color: #fff;
 79 |   text-decoration: none;
 80 |   text-transform: uppercase;
 81 |   padding: 0 15px;
 82 | }
 83 | 
 84 | @media (max-width: 767px) {
 85 |   header a {
 86 |     display: block;
 87 |     padding: 10px 0;
 88 |     text-align: center;
 89 |   }
 90 | }
 91 | 
 92 | .container {
 93 |   min-height: 85vh;
 94 |   width: 70%;
 95 |   display: flex;
 96 |   justify-content: center;
 97 |   align-items: center;
 98 |   text-align: center;
 99 |   margin: auto;
100 | }
101 | 
102 | .button--green {
103 |   display: inline-block;
104 |   border-radius: 4px;
105 |   border: 1px solid #3b8070;
106 |   color: #3b8070;
107 |   text-decoration: none;
108 |   padding: 10px 30px;
109 | }
110 | 
111 | .button--green:hover {
112 |   color: #fff;
113 |   background-color: #3b8070;
114 | }
115 | 
116 | .button--grey {
117 |   display: inline-block;
118 |   border-radius: 4px;
119 |   border: 1px solid #35495e;
120 |   color: #35495e;
121 |   text-decoration: none;
122 |   padding: 10px 30px;
123 |   margin-left: 15px;
124 | }
125 | 
126 | .button--grey:hover {
127 |   color: #fff;
128 |   background-color: #35495e;
129 | }
130 | </style>
131 | 
132 | <style scoped>
133 | .version {
134 |   margin-top: 30px;
135 |   text-align: center;
136 | }
137 | </style>
138 | 


--------------------------------------------------------------------------------
/middleware/README.md:
--------------------------------------------------------------------------------
 1 | # MIDDLEWARE
 2 | 
 3 | This directory contains your Application Middleware.
 4 | The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts).
 5 | 
 6 | More information about the usage of this directory in the documentation:
 7 | https://nuxtjs.org/guide/routing#middleware
 8 | 
 9 | **This directory is not required, you can delete it if you don't want to use it.**
10 | 


--------------------------------------------------------------------------------
/now.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": 2,
 3 |   "builds": [
 4 |     {
 5 |       "src": "nuxt.config.js",
 6 |       "use": "@nuxtjs/now-builder",
 7 |       "config": {
 8 |         "serverFiles": [
 9 |           "config/**",
10 |           "lang/**"
11 |         ]
12 |       }
13 |     }
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | import { API_ROOT, I18N } from './config'
 2 | 
 3 | export default {
 4 |   /*
 5 |    ** Headers of the page
 6 |    */
 7 |   head: {
 8 |     title: process.env.npm_package_name || '',
 9 |     meta: [
10 |       { charset: 'utf-8' },
11 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
12 |       {
13 |         hid: 'description',
14 |         name: 'description',
15 |         content: process.env.npm_package_description || ''
16 |       }
17 |     ],
18 |     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
19 |   },
20 |   /*
21 |    ** Customize the progress bar color
22 |    */
23 |   loading: { color: '#fff' },
24 |   modules: [
25 |     ['nuxt-i18n', I18N],
26 |     [
27 |       '@nuxtjs/axios',
28 |       {
29 |         baseURL: API_ROOT
30 |       }
31 |     ]
32 |   ],
33 |   plugins: [
34 |     { src: '~/plugins/version' }
35 |   ]
36 | }
37 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-i18n-example",
 3 |   "version": "1.0.0",
 4 |   "description": "nuxt-i18n showcase project based on nuxt-starter template",
 5 |   "private": true,
 6 |   "scripts": {
 7 |     "dev": "nuxt",
 8 |     "build": "nuxt build",
 9 |     "start": "nuxt start",
10 |     "generate": "nuxt generate",
11 |     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
12 |     "precommit": "npm run lint"
13 |   },
14 |   "dependencies": {
15 |     "@nuxtjs/axios": "5.10.1",
16 |     "nuxt": "2.12.2",
17 |     "nuxt-i18n": "6.10.1"
18 |   },
19 |   "devDependencies": {
20 |     "@nuxtjs/eslint-config": "2.0.2",
21 |     "eslint": "7.0.0",
22 |     "eslint-loader": "4.0.2"
23 |   },
24 |   "engines": {
25 |     "node": ">=10.x"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/pages/README.md:
--------------------------------------------------------------------------------
1 | # PAGES
2 | 
3 | This directory contains your Application Views and Routes.
4 | The framework reads all the .vue files inside this directory and create the router of your application.
5 | 
6 | More information about the usage of this directory in the documentation:
7 | https://nuxtjs.org/guide/routing
8 | 


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="container">
 3 |     <div>
 4 |       <h1>{{ $t('about') }}</h1>
 5 |       <p>
 6 |         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 7 |         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 8 |         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 9 |         consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
10 |         cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
11 |         proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
12 |       </p>
13 |     </div>
14 |   </section>
15 | </template>
16 | 
17 | <script>
18 | export default {}
19 | </script>
20 | 


--------------------------------------------------------------------------------
/pages/dynamicNested/_category.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     Category {{ $route.params.category }}
 4 |     <nuxt-child />
 5 |   </div>
 6 | </template>
 7 | 
 8 | <script>
 9 | export default {}
10 | </script>
11 | 


--------------------------------------------------------------------------------
/pages/dynamicNested/_category/_subCategory/_id.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div>Subcategory {{ $route.params.subCategory }}</div>
 4 |     <div>Post {{ $route.params.id }}</div>
 5 |   </div>
 6 | </template>
 7 | 
 8 | <script>
 9 | export default {}
10 | </script>
11 | 


--------------------------------------------------------------------------------
/pages/dynamicNested/_category/_subCategory/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     Subcategory {{ $route.params.subCategory }}
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {}
 9 | </script>
10 | 


--------------------------------------------------------------------------------
/pages/dynamicNested/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     Dynamic nested example
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {}
 9 | </script>
10 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="container">
 3 |     <div>
 4 |       <logo />
 5 |       <h1 class="title">
 6 |         nuxt-i18n-example
 7 |       </h1>
 8 |       <h2 class="subtitle">
 9 |         {{ $t('homepage.subtitle') }}
10 |       </h2>
11 |       <div class="links">
12 |         <a href="https://github.com/nuxt-community/nuxt-i18n" target="_blank" class="button--grey">GitHub</a>
13 |       </div>
14 |     </div>
15 |   </section>
16 | </template>
17 | 
18 | <script>
19 | import Logo from '~/components/Logo.vue'
20 | 
21 | export default {
22 |   components: {
23 |     Logo
24 |   }
25 | }
26 | </script>
27 | 
28 | <style scoped>
29 | .title {
30 |   font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
31 |   display: block;
32 |   font-weight: 300;
33 |   font-size: 80px;
34 |   color: #35495e;
35 |   letter-spacing: 1px;
36 |   text-align: center;
37 | }
38 | 
39 | .subtitle {
40 |   font-weight: 300;
41 |   font-size: 35px;
42 |   color: #526488;
43 |   word-spacing: 5px;
44 |   padding-bottom: 15px;
45 | }
46 | 
47 | .links {
48 |   padding-top: 15px;
49 | }
50 | 
51 | @media (max-width: 991px) {
52 |   .title {
53 |     font-size: 50px;
54 |   }
55 | 
56 |   .subtitle {
57 |     font-size: 30px;
58 |   }
59 | }
60 | 
61 | @media (max-width: 767px) {
62 |   .title {
63 |     font-size: 30px;
64 |   }
65 | 
66 |   .subtitle {
67 |     font-size: 20px;
68 |   }
69 | }
70 | </style>
71 | 


--------------------------------------------------------------------------------
/pages/post/_id.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <section class="container">
 3 |     <div v-if="post">
 4 |       <h1>{{ post.title }}</h1>
 5 |       <p>
 6 |         {{ post.body }}
 7 |       </p>
 8 |     </div>
 9 |   </section>
10 | </template>
11 | 
12 | <script>
13 | export default {
14 |   async asyncData ({ app, route }) {
15 |     try {
16 |       const response = await app.$axios.get(`posts/${route.params.id}`)
17 |       const post = response.data
18 |       return { post }
19 |     } catch (error) {
20 |       return {}
21 |     }
22 |   }
23 | }
24 | </script>
25 | 


--------------------------------------------------------------------------------
/pages/posts.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <section class="container">
  3 |     <div v-if="posts">
  4 |       <h1>{{ $t('posts') }}</h1>
  5 |       <ul class="posts">
  6 |         <li v-for="post in showPosts" :key="`post-${post.id}`">
  7 |           <div class="id">
  8 |             {{ post.id }}
  9 |           </div>
 10 |           <div class="title">
 11 |             <nuxt-link
 12 |               :to="localePath({
 13 |                 name: 'post-id',
 14 |                 params: { id: post.id }
 15 |               })"
 16 |             >
 17 |               {{ post.title }}
 18 |             </nuxt-link>
 19 |           </div>
 20 |         </li>
 21 |       </ul>
 22 |       <ul class="pagination">
 23 |         <li v-for="(page, i) in pagination" :key="`pagination-item-${i}`">
 24 |           <nuxt-link
 25 |             :to="localePath({
 26 |               name: 'posts',
 27 |               query: {
 28 |                 page: i + 1
 29 |               }
 30 |             })"
 31 |           >
 32 |             {{ i + 1 }}
 33 |           </nuxt-link>
 34 |         </li>
 35 |       </ul>
 36 |     </div>
 37 |   </section>
 38 | </template>
 39 | 
 40 | <script>
 41 | export default {
 42 |   async asyncData ({ app }) {
 43 |     try {
 44 |       const response = await app.$axios.get('posts')
 45 |       const posts = response.data
 46 |       return { posts }
 47 |     } catch (error) {
 48 |       return {}
 49 |     }
 50 |   },
 51 |   data: () => ({
 52 |     postsPerPage: 15
 53 |   }),
 54 |   computed: {
 55 |     currentPage () {
 56 |       return this.$route.query.page || 1
 57 |     },
 58 |     showPosts () {
 59 |       const start = (this.currentPage - 1) * this.postsPerPage
 60 |       const end = (this.currentPage) * this.postsPerPage
 61 |       return this.posts.slice(start, end)
 62 |     },
 63 |     pagination () {
 64 |       const pagesCount = Math.ceil(this.posts.length / this.postsPerPage)
 65 |       return Array.from(Array(pagesCount).keys())
 66 |     }
 67 |   }
 68 | }
 69 | </script>
 70 | 
 71 | <style scoped>
 72 | .container > div {
 73 |   width: 100%;
 74 | }
 75 | 
 76 | .posts {
 77 |   list-style: none;
 78 |   margin-bottom: 30px;
 79 |   padding: 0;
 80 | }
 81 | 
 82 | .posts li {
 83 |   display: flex;
 84 |   border: 1px solid #3b8070;
 85 |   margin-bottom: 10px;
 86 | }
 87 | 
 88 | .posts li div {
 89 |   display: flex;
 90 |   align-items: center;
 91 | }
 92 | 
 93 | .posts li .id {
 94 |   flex: 1 10%;
 95 |   padding: 10px 0;
 96 |   border-right: 1px solid #3b8070;
 97 |   background: #3b8070;
 98 |   color: #fff;
 99 |   justify-content: center;
100 | }
101 | 
102 | .posts li .title {
103 |   flex: 1 90%;
104 |   padding-left: 10px;
105 |   text-transform: uppercase;
106 |   text-align: left;
107 | }
108 | 
109 | .posts li .title a {
110 |   text-decoration: none;
111 |   color: #3b8070;
112 | }
113 | 
114 | .pagination {
115 |   list-style: none;
116 |   text-align: center;
117 |   padding: 0;
118 | }
119 | 
120 | .pagination li {
121 |   display: inline-block;
122 | }
123 | 
124 | .pagination li a {
125 |   display: block;
126 |   text-decoration: none;
127 |   border: 1px solid #3b8070;
128 |   border-left: none;
129 |   padding: 5px 10px;
130 |   color: #3b8070;
131 | }
132 | 
133 | .pagination li:first-of-type a {
134 |   border-left: 1px solid #3b8070;
135 | }
136 | </style>
137 | 


--------------------------------------------------------------------------------
/plugins/README.md:
--------------------------------------------------------------------------------
1 | # PLUGINS
2 | 
3 | This directory contains your Javascript plugins that you want to run before instantiating the root vue.js application.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/plugins
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/plugins/version.js:
--------------------------------------------------------------------------------
1 | import packageJson from '../package.json'
2 | 
3 | export default (_, inject) => {
4 |   inject('nuxtI18nVersion', packageJson.dependencies['nuxt-i18n'])
5 | }
6 | 


--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": ["config:base", "group:allNonMajor"],
3 |   "lockFileMaintenance": {
4 |     "enabled": true
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/static/README.md:
--------------------------------------------------------------------------------
 1 | # STATIC
 2 | 
 3 | This directory contains your static files.
 4 | Each file inside this directory is mapped to /.
 5 | 
 6 | Example: /static/robots.txt is mapped as /robots.txt.
 7 | 
 8 | More information about the usage of this directory in the documentation:
 9 | https://nuxtjs.org/guide/assets#static
10 | 
11 | **This directory is not required, you can delete it if you don't want to use it.**
12 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulgv/nuxt-i18n-example/20cc6bb908aa3643e53d3ce01011ea9abd3f9f56/static/favicon.ico


--------------------------------------------------------------------------------
/store/README.md:
--------------------------------------------------------------------------------
 1 | # STORE
 2 | 
 3 | This directory contains your Vuex Store files.
 4 | Vuex Store option is implemented in the Nuxt.js framework.
 5 | Creating a index.js file in this directory activate the option in the framework automatically.
 6 | 
 7 | More information about the usage of this directory in the documentation:
 8 | https://nuxtjs.org/guide/vuex-store
 9 | 
10 | **This directory is not required, you can delete it if you don't want to use it.**
11 | 


--------------------------------------------------------------------------------