├── .prettierrc
├── static
    ├── favicon.ico
    └── README.md
├── assets
    ├── css
    │   └── tailwind.css
    └── README.md
├── components
    ├── README.md
    ├── layout
    │   └── AppHeader.vue
    └── ui
    │   ├── ArticleCard.vue
    │   └── SearchBox.vue
├── .editorconfig
├── layouts
    ├── README.md
    └── default.vue
├── pages
    ├── README.md
    ├── index.vue
    ├── topics
    │   └── _slug.vue
    └── _slug.vue
├── plugins
    └── README.md
├── .eslintrc.js
├── README.md
├── utils
    ├── seo.js
    └── sitemap.js
├── tailwind.config.js
├── package.json
├── .gitignore
└── nuxt.config.js


/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "semi": false,
3 |   "singleQuote": true
4 | }
5 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/alexjoverm/narutodose/HEAD/static/favicon.ico


--------------------------------------------------------------------------------
/assets/css/tailwind.css:
--------------------------------------------------------------------------------
1 | @import 'tailwindcss/base';
2 | @import 'tailwindcss/components';
3 | @import 'tailwindcss/utilities';
4 | 


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


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_style = space
 6 | indent_size = 2
 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 | 


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


--------------------------------------------------------------------------------
/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 creates the router of your application.
5 | 
6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
7 | 


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


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


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     browser: true,
 5 |     node: true,
 6 |   },
 7 |   parserOptions: {
 8 |     parser: 'babel-eslint',
 9 |   },
10 |   extends: [
11 |     '@nuxtjs',
12 |     'prettier',
13 |     'prettier/vue',
14 |     'plugin:prettier/recommended',
15 |     'plugin:nuxt/recommended',
16 |   ],
17 |   plugins: ['prettier'],
18 |   // add your custom rules here
19 |   rules: {},
20 | }
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # mini-vuedose
 2 | 
 3 | ## Build Setup
 4 | 
 5 | ```bash
 6 | # install dependencies
 7 | $ npm install
 8 | 
 9 | # serve with hot reload at localhost:3000
10 | $ npm run dev
11 | 
12 | # build for production and launch server
13 | $ npm run build
14 | $ npm run start
15 | 
16 | # generate static project
17 | $ npm run generate
18 | ```
19 | 
20 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
21 | 


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


--------------------------------------------------------------------------------
/utils/seo.js:
--------------------------------------------------------------------------------
 1 | export const createSEOMeta = (data) => [
 2 |   { hid: 'og:title', property: 'og:title', content: data.title },
 3 |   { hid: 'description', name: 'description', content: data.description },
 4 |   {
 5 |     hid: 'og:description',
 6 |     property: 'og:description',
 7 |     content: data.description,
 8 |   },
 9 |   { hid: 'og:image', property: 'og:image', content: data.image },
10 |   {
11 |     hid: 'og:url',
12 |     property: 'og:url',
13 |     content: process.env.HOST_NAME + '/' + data.url,
14 |   },
15 |   {
16 |     hid: 'twitter:card',
17 |     name: 'twitter:card',
18 |     content: data.cardType || 'summary_large_image',
19 |   },
20 | ]
21 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <AppHeader />
 4 |     <main>
 5 |       <Nuxt />
 6 |     </main>
 7 |   </div>
 8 | </template>
 9 | 
10 | <style>
11 | html {
12 |   font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
13 |     Roboto, 'Helvetica Neue', Arial, sans-serif;
14 |   font-size: 16px;
15 |   word-spacing: 1px;
16 |   -ms-text-size-adjust: 100%;
17 |   -webkit-text-size-adjust: 100%;
18 |   -moz-osx-font-smoothing: grayscale;
19 |   -webkit-font-smoothing: antialiased;
20 |   box-sizing: border-box;
21 | }
22 | 
23 | *,
24 | *::before,
25 | *::after {
26 |   box-sizing: border-box;
27 |   margin: 0;
28 | }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/utils/sitemap.js:
--------------------------------------------------------------------------------
 1 | import StoryblokClient from 'storyblok-js-client'
 2 | import kebabCase from 'lodash/kebabCase'
 3 | 
 4 | export const fetchSitemapRoutes = async () => {
 5 |   const routes = []
 6 |   const client = new StoryblokClient({ accessToken: process.env.STORYBLOK_KEY })
 7 | 
 8 |   const { data: articlesData } = await client.get('cdn/links', {
 9 |     starts_with: 'articles/',
10 |   })
11 |   const { data: tagsData } = await client.get('cdn/tags')
12 | 
13 |   Object.values(articlesData.links).forEach((article) =>
14 |     routes.push(`/${article.slug}`)
15 |   )
16 |   tagsData.tags.forEach((tag) => routes.push(`/topics/${kebabCase(tag.name)}`))
17 | 
18 |   return routes
19 | }
20 | 


--------------------------------------------------------------------------------
/components/layout/AppHeader.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <header class="w-full bg-main py-2">
 3 |     <div class="container mx-auto px-4">
 4 |       <div class="flex">
 5 |         <nuxt-link to="/" class="text-2xl text-white font-semibold">
 6 |           NarutoDose
 7 |         </nuxt-link>
 8 |         <SearchBox :search="fetchSuggestions" class="flex-1 max-w-sm ml-12" />
 9 |       </div>
10 |     </div>
11 |   </header>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |   methods: {
17 |     async fetchSuggestions(searchInput) {
18 |       const { data } = await this.$storyapi.get('cdn/stories', {
19 |         starts_with: 'articles/',
20 |         resolve_relations: 'author',
21 |         search_term: searchInput,
22 |         per_page: 5,
23 |       })
24 | 
25 |       return data.stories
26 |     },
27 |   },
28 | }
29 | </script>
30 | 


--------------------------------------------------------------------------------
/components/ui/ArticleCard.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <nuxt-link :to="slug" class="block text-gray-800 rounded-lg shadow-lg p-6">
 3 |     <header class="text-2xl font-bold">{{ title }}</header>
 4 |     <p class="mt-4">{{ description }}</p>
 5 |     <footer class="flex items-center mt-6">
 6 |       <img
 7 |         class="w-20 rounded-full border-4 border-main"
 8 |         :src="author.content.avatar.filename"
 9 |         :alt="author.content.name"
10 |       />
11 |       <div class="ml-6">
12 |         <p class="text-xl font-bold">{{ author.name }}</p>
13 |         <p class="text-sm mt-1">{{ date }}</p>
14 |       </div>
15 |     </footer>
16 |   </nuxt-link>
17 | </template>
18 | 
19 | <script>
20 | export default {
21 |   props: {
22 |     title: String,
23 |     slug: String,
24 |     description: String,
25 |     author: Object,
26 |     date: String,
27 |   },
28 | }
29 | </script>
30 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  ** TailwindCSS Configuration File
 3 |  **
 4 |  ** Docs: https://tailwindcss.com/docs/configuration
 5 |  ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 6 |  */
 7 | const { theme } = require('tailwindcss/defaultConfig')
 8 | 
 9 | module.exports = {
10 |   theme: {
11 |     extend: {
12 |       colors: {
13 |         main: theme.colors.teal['500'], // #38b2ac
14 |       },
15 |     },
16 |   },
17 |   variants: {},
18 |   plugins: [require('@tailwindcss/typography')],
19 |   purge: {
20 |     // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
21 |     enabled: process.env.NODE_ENV === 'production',
22 |     content: [
23 |       'components/**/*.vue',
24 |       'layouts/**/*.vue',
25 |       'pages/**/*.vue',
26 |       'plugins/**/*.js',
27 |       'nuxt.config.js',
28 |     ],
29 |   },
30 | }
31 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "mini-vuedose",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "nuxt",
 7 |     "build": "nuxt build",
 8 |     "start": "nuxt start",
 9 |     "generate": "nuxt generate",
10 |     "serve": "nuxt serve",
11 |     "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
12 |     "lint": "npm run lint:js"
13 |   },
14 |   "dependencies": {
15 |     "@nuxtjs/axios": "^5.11.0",
16 |     "@nuxtjs/markdownit": "^1.2.10",
17 |     "@nuxtjs/sitemap": "^2.4.0",
18 |     "@tailwindcss/typography": "^0.2.0",
19 |     "lodash-es": "^4.17.15",
20 |     "markdown-it-prism": "^2.1.0",
21 |     "nuxt": "^2.14.3",
22 |     "storyblok-nuxt": "^1.2.0"
23 |   },
24 |   "devDependencies": {
25 |     "@nuxtjs/eslint-config": "^3.0.0",
26 |     "@nuxtjs/eslint-module": "^2.0.0",
27 |     "@nuxtjs/tailwindcss": "^2.0.0",
28 |     "babel-eslint": "^10.1.0",
29 |     "eslint": "^7.2.0",
30 |     "eslint-config-prettier": "^6.11.0",
31 |     "eslint-plugin-nuxt": "^1.0.0",
32 |     "eslint-plugin-prettier": "^3.1.4",
33 |     "prettier": "^2.0.5"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="mt-4">
 3 |     <section>
 4 |       <div class="container mx-auto px-4">
 5 |         <h1 class="text-4xl font-bold">Articles</h1>
 6 |         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-4">
 7 |           <ArticleCard
 8 |             v-for="article in articles"
 9 |             :key="article.content.title"
10 |             :slug="`/${article.slug}`"
11 |             :title="article.content.title"
12 |             :description="article.content.description"
13 |             :author="article.content.author"
14 |             :date="article.content.date.toLocaleDateString()"
15 |           />
16 |         </div>
17 |       </div>
18 |     </section>
19 |   </div>
20 | </template>
21 | 
22 | <script>
23 | export default {
24 |   async asyncData({ app }) {
25 |     const res = await app.$storyapi.get('cdn/stories', {
26 |       starts_with: 'articles/',
27 |       resolve_relations: 'author',
28 |     })
29 | 
30 |     // Let's convert content.date from a String to a Date
31 |     const articles = res.data.stories.map((story) => {
32 |       story.content.date = new Date(story.content.date)
33 |       return story
34 |     })
35 | 
36 |     return { articles }
37 |   },
38 | }
39 | </script>
40 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Created by .ignore support plugin (hsz.mobi)
 2 | ### Node template
 3 | # Logs
 4 | /logs
 5 | *.log
 6 | npm-debug.log*
 7 | yarn-debug.log*
 8 | yarn-error.log*
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # nyc test coverage
23 | .nyc_output
24 | 
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 | 
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 | 
31 | # node-waf configuration
32 | .lock-wscript
33 | 
34 | # Compiled binary addons (https://nodejs.org/api/addons.html)
35 | build/Release
36 | 
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 | 
41 | # TypeScript v1 declaration files
42 | typings/
43 | 
44 | # Optional npm cache directory
45 | .npm
46 | 
47 | # Optional eslint cache
48 | .eslintcache
49 | 
50 | # Optional REPL history
51 | .node_repl_history
52 | 
53 | # Output of 'npm pack'
54 | *.tgz
55 | 
56 | # Yarn Integrity file
57 | .yarn-integrity
58 | 
59 | # dotenv environment variables file
60 | .env
61 | 
62 | # parcel-bundler cache (https://parceljs.org/)
63 | .cache
64 | 
65 | # next.js build output
66 | .next
67 | 
68 | # nuxt.js build output
69 | .nuxt
70 | 
71 | # Nuxt generate
72 | dist
73 | 
74 | # vuepress build output
75 | .vuepress/dist
76 | 
77 | # Serverless directories
78 | .serverless
79 | 
80 | # IDE / Editor
81 | .idea
82 | 
83 | # Service worker
84 | sw.*
85 | 
86 | # macOS
87 | .DS_Store
88 | 
89 | # Vim swap files
90 | *.swp
91 | 


--------------------------------------------------------------------------------
/pages/topics/_slug.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="mt-4">
 3 |     <section>
 4 |       <div class="container mx-auto px-4">
 5 |         <h1 class="text-4xl font-bold">
 6 |           {{ topic.taggings_count }} articles on <i>#{{ topic.name }}</i>
 7 |         </h1>
 8 |         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 mt-4">
 9 |           <ArticleCard
10 |             v-for="article in articles"
11 |             :key="article.content.title"
12 |             :slug="`/${article.slug}`"
13 |             :title="article.content.title"
14 |             :description="article.content.description"
15 |             :author="article.content.author"
16 |             :date="article.content.date.toLocaleDateString()"
17 |           />
18 |         </div>
19 |       </div>
20 |     </section>
21 |   </div>
22 | </template>
23 | 
24 | <script>
25 | import kebabCase from 'lodash/kebabCase'
26 | 
27 | export default {
28 |   async asyncData({ app, params }) {
29 |     // Find tag based on the slug
30 |     const { data: tagsData } = await app.$storyapi.get('cdn/tags/')
31 |     const topic = tagsData.tags.find((t) => kebabCase(t.name) === params.slug)
32 | 
33 |     // Fetch articles
34 |     const { data: articlesData } = await app.$storyapi.get('cdn/stories', {
35 |       starts_with: 'articles/',
36 |       resolve_relations: 'author',
37 |       with_tag: topic.name,
38 |     })
39 |     const articles = articlesData.stories.map((story) => {
40 |       story.content.date = new Date(story.content.date)
41 |       return story
42 |     })
43 | 
44 |     return { topic, articles }
45 |   },
46 |   head() {
47 |     return {
48 |       title: `${this.topic.name} - NarutoDose`,
49 |     }
50 |   },
51 | }
52 | </script>
53 | 


--------------------------------------------------------------------------------
/components/ui/SearchBox.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="relative">
 3 |     <!-- Magnifying glass icon -->
 4 |     <svg
 5 |       xmlns="http://www.w3.org/2000/svg"
 6 |       viewBox="0 0 512 512"
 7 |       class="block absolute text-gray-600 right-0 z-10 h-4 fill-current mr-3"
 8 |       style="top: 9px;"
 9 |     >
10 |       <path
11 |         d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"
12 |       ></path>
13 |     </svg>
14 |     <!-- Search Input -->
15 |     <input
16 |       v-model="searchInput"
17 |       @input="onInputChange"
18 |       @blur="onInputBlur"
19 |       placeholder="Search..."
20 |       class="w-full bg-white text-gray-700 rounded border-2 border-transparent outline-none focus:border-purple-500 px-4 py-1"
21 |     />
22 |     <!-- Suggestions list -->
23 |     <div class="relative">
24 |       <div
25 |         class="absolute z-30 bg-white top-0 inset-x-0 rounded shadow-lg mt-1"
26 |       >
27 |         <nuxt-link
28 |           v-for="suggestion in suggestions"
29 |           :key="suggestion.id"
30 |           :to="`/${suggestion.slug}`"
31 |           class="block truncate text-gray-700 hover:text-main hover:bg-gray-100 px-4 py-2"
32 |         >
33 |           {{ suggestion.content.title }}
34 |         </nuxt-link>
35 |       </div>
36 |     </div>
37 |   </div>
38 | </template>
39 | 
40 | <script>
41 | import debounce from 'lodash/debounce'
42 | 
43 | export default {
44 |   props: {
45 |     search: {
46 |       type: Function,
47 |       required: true,
48 |     },
49 |   },
50 |   data: () => ({
51 |     searchInput: '',
52 |     suggestions: [],
53 |   }),
54 |   methods: {
55 |     onInputChange: debounce(async function () {
56 |       this.suggestions = await this.search(this.searchInput)
57 |     }, 300),
58 |     onInputBlur() {
59 |       setTimeout(() => (this.suggestions = []), 300)
60 |     },
61 |   },
62 | }
63 | </script>
64 | 


--------------------------------------------------------------------------------
/pages/_slug.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="container mx-auto px-4 mt-4">
 3 |     <header>
 4 |       <h2 class="text-5xl">{{ article.content.title }}</h2>
 5 |       <div class="flex items-center mt-6">
 6 |         <img
 7 |           class="w-20 rounded-full border-4 border-main"
 8 |           :src="author.content.avatar.filename"
 9 |           :alt="author.content.name"
10 |         />
11 |         <div class="ml-6">
12 |           <p class="text-xl font-bold">{{ author.name }}</p>
13 |           <p class="text-sm mt-1">
14 |             {{ article.content.date.toLocaleDateString() }}
15 |           </p>
16 |         </div>
17 |       </div>
18 |     </header>
19 |     <div class="mt-4">
20 |       <nuxt-link
21 |         v-for="tag in article.tag_list"
22 |         :key="tag"
23 |         :to="`/topics/${tagSlug(tag)}`"
24 |         class="rounded-full text-white bg-main uppercase text-sm mr-2 px-2 py-1"
25 |         >{{ tag }}</nuxt-link
26 |       >
27 |     </div>
28 |     <div v-html="$md.render(article.content.content)" class="prose mt-8"></div>
29 |   </div>
30 | </template>
31 | 
32 | <script>
33 | import kebabCase from 'lodash/kebabCase'
34 | import { createSEOMeta } from '~/utils/seo'
35 | 
36 | export default {
37 |   async asyncData({ app, route, error }) {
38 |     // Get the slug from the route
39 |     const slug = route.params.slug
40 | 
41 |     const res = await app.$storyapi.get('cdn/stories', {
42 |       starts_with: 'articles/',
43 |       // Prepend */ to match with the first part of the full_slug
44 |       by_slugs: '*/' + slug,
45 |       resolve_relations: 'author',
46 |     })
47 | 
48 |     const article = res.data.stories[0]
49 |     if (!article) return error(`Article with slug ${slug} not found`)
50 | 
51 |     article.content.date = new Date(article.content.date)
52 | 
53 |     return { article, author: article.content.author }
54 |   },
55 |   methods: {
56 |     tagSlug(tag) {
57 |       return kebabCase(tag)
58 |     },
59 |   },
60 |   head() {
61 |     const url = this.article.slug
62 |     const { title, description, image } = this.article.content
63 | 
64 |     return {
65 |       title,
66 |       meta: createSEOMeta({ title, description, image: image.filename, url }),
67 |     }
68 |   },
69 | }
70 | </script>
71 | 


--------------------------------------------------------------------------------
/nuxt.config.js:
--------------------------------------------------------------------------------
  1 | import { createSEOMeta } from './utils/seo'
  2 | import { fetchSitemapRoutes } from './utils/sitemap'
  3 | 
  4 | export default async () => {
  5 |   const routes = await fetchSitemapRoutes()
  6 | 
  7 |   return {
  8 |     /*
  9 |      ** Nuxt rendering mode
 10 |      ** See https://nuxtjs.org/api/configuration-mode
 11 |      */
 12 |     mode: 'universal',
 13 |     /*
 14 |      ** Nuxt target
 15 |      ** See https://nuxtjs.org/api/configuration-target
 16 |      */
 17 |     target: 'static',
 18 |     /*
 19 |      ** Headers of the page
 20 |      ** See https://nuxtjs.org/api/configuration-head
 21 |      */
 22 |     head: {
 23 |       title: 'NarutoDose',
 24 |       meta: [
 25 |         ...createSEOMeta({
 26 |           title: 'NarutoDose',
 27 |           description:
 28 |             'Get to know all about Naruto and its characters in tiny bits of info.',
 29 |           image: '[Insert_NarutoDose_Image_URL]',
 30 |           url: process.env.HOST_NAME,
 31 |         }),
 32 |         { charset: 'utf-8' },
 33 |         { name: 'viewport', content: 'width=device-width, initial-scale=1' },
 34 |       ],
 35 |       link: [
 36 |         { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
 37 |         {
 38 |           rel: 'stylesheet',
 39 |           href:
 40 |             'https://cdn.jsdelivr.net/npm/prismjs@1.20.0/themes/prism-tomorrow.css',
 41 |         },
 42 |       ],
 43 |     },
 44 |     /*
 45 |      ** Global CSS
 46 |      */
 47 |     css: [],
 48 |     /*
 49 |      ** Plugins to load before mounting the App
 50 |      ** https://nuxtjs.org/guide/plugins
 51 |      */
 52 |     plugins: [],
 53 |     /*
 54 |      ** Auto import components
 55 |      ** See https://nuxtjs.org/api/configuration-components
 56 |      */
 57 |     components: true,
 58 |     /*
 59 |      ** Nuxt.js dev-modules
 60 |      */
 61 |     buildModules: [
 62 |       // Doc: https://github.com/nuxt-community/eslint-module
 63 |       '@nuxtjs/eslint-module',
 64 |       // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
 65 |       '@nuxtjs/tailwindcss',
 66 |     ],
 67 |     /*
 68 |      ** Nuxt.js modules
 69 |      */
 70 |     modules: [
 71 |       // Doc: https://axios.nuxtjs.org/usage
 72 |       '@nuxtjs/axios',
 73 |       [
 74 |         'storyblok-nuxt',
 75 |         {
 76 |           accessToken: process.env.STORYBLOK_KEY,
 77 |           cacheProvider: 'memory',
 78 |         },
 79 |       ],
 80 |       [
 81 |         '@nuxtjs/markdownit',
 82 |         { html: true, injected: true, use: ['markdown-it-prism'] },
 83 |       ],
 84 |       '@nuxtjs/sitemap',
 85 |     ],
 86 | 
 87 |     sitemap: {
 88 |       hostname: process.env.HOST_NAME,
 89 | 
 90 |       routes,
 91 |     },
 92 |     /*
 93 |      ** Axios module configuration
 94 |      ** See https://axios.nuxtjs.org/options
 95 |      */
 96 |     axios: {},
 97 |     /*
 98 |      ** Build configuration
 99 |      ** See https://nuxtjs.org/api/configuration-build/
100 |      */
101 |     build: {},
102 |   }
103 | }
104 | 


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