├── .editorconfig ├── .eslintrc.js ├── .gitignore ├── README.md ├── assets └── README.md ├── blog ├── example-markdown.md ├── laravel │ ├── laravel-introduction.md │ └── learn-laravel.md ├── nuxtjs │ └── nuxtjs-features.md └── vuejs │ └── what-is-vue.md ├── components ├── AppLogo.vue └── README.md ├── layouts ├── README.md └── default.vue ├── middleware └── README.md ├── nuxt.config.js ├── package.json ├── pages ├── README.md └── index.vue ├── plugins ├── README.md └── xmpp.js ├── 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 | root: true, 3 | env: { 4 | browser: true, 5 | node: true 6 | }, 7 | parserOptions: { 8 | parser: 'babel-eslint' 9 | }, 10 | extends: [ 11 | // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention 12 | // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. 13 | 'plugin:vue/essential' 14 | ], 15 | // required to lint *.vue files 16 | plugins: [ 17 | 'vue' 18 | ], 19 | // add your custom rules here 20 | rules: {} 21 | } 22 | -------------------------------------------------------------------------------- /.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-blog-module-example 2 | 3 | > Example web app of nuxt-blog-module to build blogging web application. Integrate blog module easily using Nuxt Blog Module. 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | $ npm install # Or yarn install 10 | 11 | # serve with hot reload at localhost:3000 12 | $ npm run dev 13 | 14 | # build for production and launch server 15 | $ npm run build 16 | $ npm start 17 | ``` -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /blog/example-markdown.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Example of markdown for post" 3 | date: 2018-02-22 16:16:01 -0600 4 | categories: markdown 5 | tags: [markdown, nuxt-blog-module] 6 | --- 7 | 8 | You’ll find this post in your `blog` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run which launches a web server and auto-regenerates your site when a file is updated. 9 | 10 | To add new posts, simply add a file in the `blog` directory that follows the convention `name-of-post.md` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. -------------------------------------------------------------------------------- /blog/laravel/laravel-introduction.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Laravel Introduction" 3 | tags: [laravel, web] 4 | --- 5 | 6 | Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as: 7 | 8 | - [Simple, fast routing engine](https://laravel.com/docs/routing). 9 | - [Powerful dependency injection container](https://laravel.com/docs/container). 10 | - Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage. 11 | - Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent). 12 | - Database agnostic [schema migrations](https://laravel.com/docs/migrations). 13 | - [Robust background job processing](https://laravel.com/docs/queues). 14 | - [Real-time event broadcasting](https://laravel.com/docs/broadcasting). 15 | 16 | Laravel is accessible, yet powerful, providing tools needed for large, robust applications. -------------------------------------------------------------------------------- /blog/laravel/learn-laravel.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Learning Laravel" 3 | tags: [laravel, web, learning] 4 | --- 5 | 6 | 7 | Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of any modern web application framework, making it a breeze to get started learning the framework. 8 | 9 | If you're not in the mood to read, [Laracasts](https://laracasts.com) contains over 1100 video tutorials on a range of topics including Laravel, modern PHP, unit testing, JavaScript, and more. Boost the skill level of yourself and your entire team by digging into our comprehensive video library. -------------------------------------------------------------------------------- /blog/nuxtjs/nuxtjs-features.md: -------------------------------------------------------------------------------- 1 | # Nuxt.js Features 2 | 3 | ` 4 | This md file is without header specification, so the meta like title, date will be automatically extract from md. Look at source for more details.` 5 | 6 | - Automatic transpilation and bundling (with webpack and babel) 7 | - Hot code reloading 8 | - Server-side rendering OR Single Page App OR Static Generated, you choose :fire: 9 | - Static file serving. `./static/` is mapped to `/` 10 | - Configurable with a `nuxt.config.js` file 11 | - Custom layouts with the `layouts/` directory 12 | - Middleware 13 | - Code splitting for every `pages/` -------------------------------------------------------------------------------- /blog/vuejs/what-is-vue.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "What is Vue" 3 | categories: vuejs 4 | tags: [vuejs] 5 | --- 6 | 7 | Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries. 8 | 9 | If you’d like to learn more about Vue before diving in, we created a video walking through the core principles and a sample project. 10 | 11 | If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks. -------------------------------------------------------------------------------- /components/AppLogo.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 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 | -------------------------------------------------------------------------------- /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 | 6 | 7 | 53 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /nuxt.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | /* 3 | ** Headers of the page 4 | */ 5 | head: { 6 | title: 'nuxt-blog-module-example', 7 | meta: [ 8 | { charset: 'utf-8' }, 9 | { name: 'viewport', content: 'width=device-width, initial-scale=1' }, 10 | { hid: 'description', name: 'description', content: 'A frontend chat application for xmpp' } 11 | ], 12 | link: [ 13 | { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, 14 | { href: 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css', rel: 'stylesheet' } 15 | ] 16 | }, 17 | /* 18 | ** Customize the progress bar color 19 | */ 20 | loading: { color: '#3B8070' }, 21 | /* 22 | ** Build configuration 23 | */ 24 | build: { 25 | /* 26 | ** Run ESLint on save 27 | */ 28 | extend (config, { isDev, isClient }) { 29 | if (isDev && isClient) { 30 | config.module.rules.push({ 31 | enforce: 'pre', 32 | test: /\.(js|vue)$/, 33 | loader: 'eslint-loader', 34 | exclude: /(node_modules)/ 35 | }) 36 | } 37 | } 38 | }, 39 | modules: [ 40 | '@nuxtjs/blog', 41 | '@nuxtjs/axios' 42 | ] 43 | } 44 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nuxt-blog-module-example", 3 | "version": "1.0.0", 4 | "description": "Vuejs blogging web application using nuxt-blog-module", 5 | "author": "Nikunj Kanetiya ", 6 | "private": true, 7 | "scripts": { 8 | "dev": "nuxt", 9 | "build": "nuxt build", 10 | "start": "nuxt start", 11 | "generate": "nuxt generate", 12 | "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", 13 | "precommit": "npm run lint" 14 | }, 15 | "dependencies": { 16 | "@nuxtjs/axios": "^5.3.1", 17 | "@nuxtjs/blog": "^0.0.1-6", 18 | "nuxt": "^1.0.0" 19 | }, 20 | "devDependencies": { 21 | "babel-eslint": "^8.2.1", 22 | "eslint": "^4.15.0", 23 | "eslint-friendly-formatter": "^3.0.0", 24 | "eslint-loader": "^1.7.1", 25 | "eslint-plugin-vue": "^4.0.0" 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 creates 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/index.vue: -------------------------------------------------------------------------------- 1 | 23 | 24 | -------------------------------------------------------------------------------- /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/xmpp.js: -------------------------------------------------------------------------------- 1 | import { Client } from '@xmpp/client' 2 | 3 | export default ({ app }, inject) => { 4 | // client.start('ws://http://192.168.1.48:5222') 5 | 6 | // client.on('error', err => { 7 | // console.error('❌', err.toString()) 8 | // }) 9 | 10 | // client.on('status', (status, value) => { 11 | // console.log('🛈', status, value ? value.toString() : '') 12 | // }) 13 | 14 | // client.on('online', jid => { 15 | // console.log('🗸', 'online as', jid.toString()) 16 | // }) 17 | 18 | // client.on('stanza', stanza => { 19 | // console.log('⮈', stanza.toString()) 20 | // }) 21 | 22 | // client.handle('authenticate', authenticate => { 23 | // return authenticate('nik@binbytes', '12345') 24 | // }) 25 | } -------------------------------------------------------------------------------- /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/binbytes/nuxt-blog-module-example/1405ee90395d086f3bdfce1c6ec2a43267e415d5/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 | --------------------------------------------------------------------------------