├── .gitignore
├── docs
    ├── .vuepress
    │   ├── override.styl
    │   ├── components
    │   │   ├── my-header.vue
    │   │   └── counter.vue
    │   └── config.js
    ├── README.md
    ├── counter
    │   ├── counter-app.md
    │   └── README.md
    └── guide
    │   ├── api.md
    │   ├── README.md
    │   └── guide.md
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 
3 | docs/.vuepress/dist


--------------------------------------------------------------------------------
/docs/.vuepress/override.styl:
--------------------------------------------------------------------------------
1 | $accentColor = #CFA809
2 | $textColor = #2c3e50
3 | $borderColor = #eaecef
4 | $codeBgColor = #282c34


--------------------------------------------------------------------------------
/docs/.vuepress/components/my-header.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |       <h1>This Header is actually a Vue Template</h1>
 4 |   </div>
 5 | </template>
 6 | <script>
 7 |     
 8 | </script>
 9 | <style scoped>
10 | 
11 | </style>
12 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "scotch-vuepress",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "docs:dev": "vuepress dev docs",
 9 |     "docs:build": "vuepress build docs"
10 |   },
11 |   "keywords": [],
12 |   "author": "",
13 |   "license": "MIT",
14 |   "devDependencies": {
15 |     "vuepress": "^0.5.0"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | home: true
 3 | actionText: See Counter App
 4 | actionLink: /counter/counter-app
 5 | features:
 6 | - title: Embedded Vue Counter
 7 |   details: A Vue counter developed using Vue is embedded in this doc, now thats the power of VuePress!
 8 | - title: Fun Docs made with VuePress
 9 |   details: This entire doc was basically made with VuePress which parsed markdown files and corresponding assets using webpack.
10 | footer: Developed using VuePress by William Imoh
11 | ---
12 | <my-header></my-header>


--------------------------------------------------------------------------------
/docs/.vuepress/config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     title: 'Scotch VuePress',
 3 |     description: "A demo documentation using VuePress",
 4 |     themeConfig:{
 5 |         nav: [
 6 |             { text: 'COUNTER', link: '/counter/' },
 7 |             { text: 'GUIDE', link: '/guide/' },
 8 |         ],
 9 |         sidebar: [
10 |             {
11 |               title: 'Counter',
12 |               collapsable: false,
13 |               children: [
14 |                 '/counter/counter-app'
15 |               ]
16 |             },
17 |             {
18 |               title: 'API Guide',
19 |               collapsable: false,
20 |               children: [
21 |                   '/guide/guide',
22 |                   '/guide/api'
23 |               ]
24 |             }
25 |           ]
26 |     }
27 | }


--------------------------------------------------------------------------------
/docs/counter/counter-app.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Counter App
 3 | ---
 4 | 
 5 | # Counter APP
 6 | ## Numero Uno
 7 | Try out the counter app made with Vue and passed in a markdown file.
 8 | 
 9 | <counter></counter>
10 | 
11 | ## Vue in Markdown, Splendido!!
12 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
13 | 
14 | 
15 | ::: tip Warning!!
16 | This counter app was developed using VueJS!!
17 | :::


--------------------------------------------------------------------------------
/docs/.vuepress/components/counter.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="counter">
 3 |       <h1>{{number}}</h1>
 4 |       <button @click = "increment">Increment</button>
 5 |       <button @click = "decrement">Decrement</button>
 6 |   </div>
 7 | </template>
 8 | 
 9 | <script>
10 |     export default {
11 |         data(){
12 |             return{
13 |                 number: 0,
14 |             }
15 |         },
16 |         methods:{
17 |             increment(){
18 |                 if(this.number >= 0){
19 |                     this.number++
20 |                 }
21 |             },
22 |             decrement(){
23 |                 if(this.number > 0){
24 |                     this.number --
25 |                 }
26 |             }
27 |         }
28 |     }
29 | </script>
30 | <style scoped>
31 | .counter{
32 |     display: inline-block;
33 |     margin-left: 30%;
34 | 
35 | }
36 | button{
37 |     display: inline-block;
38 |     padding: 20px;
39 |     margin: 10px;
40 |     font-weight: bold;
41 |     border-radius: 5px;
42 |     box-shadow: 0px 0px 5px 0px rgb(11, 11, 114);
43 | }
44 | h1{
45 |     text-align: center;
46 | }
47 | </style>
48 | 


--------------------------------------------------------------------------------
/docs/counter/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Counter
 3 | ---
 4 | 
 5 | # Counter APP
 6 | ## Numero Uno
 7 | Try out the counter app made with Vue and passed in a markdown file.
 8 | 
 9 | Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
10 | 
11 | <counter></counter>
12 | 
13 | ## Vue in Markdown, Splendido!!
14 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
15 | 
16 | 
17 | ::: tip Warning!!
18 | This counter app was developed using VueJS!!
19 | :::


--------------------------------------------------------------------------------
/docs/guide/api.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: API Guide
 3 | ---
 4 | 
 5 | # API Guide
 6 | ## C'est l'momo 
 7 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet.
 8 | 
 9 | ```js
10 | console.log("shubidubuido")
11 | let chuloo = 'awesome'
12 | let you = 'a little more awesome'
13 | ```
14 | 
15 | ## Be Wise
16 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
17 | 
18 | ### Be Humble
19 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
20 | 
21 | 
22 | ### Be Smart
23 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
24 | 
25 | ::: danger yikes!!
26 | Have as much fun as possible!!
27 | :::


--------------------------------------------------------------------------------
/docs/guide/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Guide
 3 | ---
 4 | 
 5 | # API GUIDE
 6 | ## The Beginning
 7 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
 8 | 
 9 | ```js
10 | console.log("wachaaaaa!!!")
11 | let chuloo = 'awesome'
12 | let you = 'a little more awesome'
13 | ```
14 | 
15 | ## Hidden Leaf API Chakras
16 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
17 | 
18 | ### Kakashi Sensei PATCH POST DELETE
19 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
20 | 
21 | 
22 | ### Konohamaru GET Requests
23 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
24 | 
25 | ::: tip Warning!!
26 | Have as much fun as possible!!
27 | :::


--------------------------------------------------------------------------------
/docs/guide/guide.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: General Guide
 3 | ---
 4 | 
 5 | # General Guide
 6 | ## The Beginning
 7 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
 8 | 
 9 | ```js
10 | console.log("wachaaaaa!!!")
11 | let chuloo = 'awesome'
12 | let you = 'a little more awesome'
13 | ```
14 | 
15 | ## Hidden Leaf API Chakras
16 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
17 | 
18 | ### Kakashi Sensei PATCH POST DELETE
19 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum in sapien sed dictum. Phasellus placerat sem a eros rutrum efficitur. Proin vestibulum quam ut felis maximus lacinia. Vestibulum non cursus massa. Pellentesque quis leo at tellus aliquet porta. Quisque volutpat sollicitudin tincidunt. In gravida ante nisl, at pretium nibh scelerisque eget. Phasellus eleifend pretium imperdiet. Nunc egestas finibus dui a rhoncus. Integer viverra dapibus posuere. Donec ut augue neque. Aliquam sed sem eu lacus posuere semper sit amet quis orci. Suspendisse potenti.
20 | 
21 | 
22 | ### Konohamaru GET Requests
23 | Cras euismod venenatis nulla sed fermentum. Etiam venenatis vestibulum metus at rhoncus. Aenean et ex libero. Vivamus dapibus nulla eget nisi elementum, in gravida purus eleifend. Integer id scelerisque ligula. Nulla sit amet odio nisl. Suspendisse tempor risus eget nunc dictum, at placerat turpis malesuada. Aenean sit amet accumsan diam, ultricies facilisis odio. Aenean nec iaculis ipsum. Maecenas finibus pulvinar leo, quis viverra quam. Duis ipsum augue, hendrerit in semper vel, dapibus eu diam. Nulla laoreet rutrum enim vehicula maximus. Vivamus porta congue justo, quis ullamcorper purus pellentesque ac. Aliquam sagittis leo nec consequat vulputate.
24 | 
25 | ::: tip Warning!!
26 | Have as much fun as possible!!
27 | :::


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