🌯 docs: add docs/nuxt/examples

Author: hisasann

docs/README.md

@@ -28,53 +28,6 @@ Nuxt.js を使った開発をするための必要知識をある程度、吟味
 
 Nuxt.js 初学者の方の学習に少しでも貢献できたら幸いです。 🦑
 
-## Example Links
-
-- [/example root directory](https://typescript-nuxtjs-boilerplate.netlify.com/example)
-- [sign-in](https://typescript-nuxtjs-boilerplate.netlify.com/example/auth/sign-in)
-  * [nuxt/example-auth0: A simple example that shows how to use Nuxt.js with Auth0.](https://github.com/nuxt/example-auth0)
-- [sign-out](https://typescript-nuxtjs-boilerplate.netlify.com/example/auth/sign-out)
-- [ajax color(pattern1)](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/color)
-  * [Introduction - Axios Module](https://axios.nuxtjs.org/)
-- [ajax schema(pattern2)](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/schema)
-- [post custom http headers](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/custom-http-headers)
-- [routing custom path(pattern1)](https://typescript-nuxtjs-boilerplate.netlify.com/example/c-01/e-02/)
-- [routing custom path(pattern2)](https://typescript-nuxtjs-boilerplate.netlify.com/example/d-03/f-04/)
-- [assets and static](https://typescript-nuxtjs-boilerplate.netlify.com/example/assets-and-static)
-- [basic todo example](https://typescript-nuxtjs-boilerplate.netlify.com/example/todos)
-- [vue life cycle](https://typescript-nuxtjs-boilerplate.netlify.com/example/life-cycle)
-- [use plugin](https://typescript-nuxtjs-boilerplate.netlify.com/example/use-plugin)
-  * [プラグイン - Nuxt.js](https://ja.nuxtjs.org/guide/plugins/)
-- [custom head tag](https://typescript-nuxtjs-boilerplate.netlify.com/example/custom-head)
-- [async custom head tag](https://typescript-nuxtjs-boilerplate.netlify.com/example/async-custom-head)
-- [send http api in vuex](https://typescript-nuxtjs-boilerplate.netlify.com/example/api)
-- [get parameters](https://typescript-nuxtjs-boilerplate.netlify.com/example/search/?hoge=foo&bar=fuga)
-- [image lazy load](https://typescript-nuxtjs-boilerplate.netlify.com/example/img-lazy-load)
-  * [hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.](https://github.com/hilongjw/vue-lazyload)
-  * [Nuxt.jsでdata-src='~assets/lemon-sour.png'をrequire変換する方法 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2019/03/11/how-to-convert-data-src-to-require-in-nuxt/)
-- [extend css class](https://typescript-nuxtjs-boilerplate.netlify.com/example/extend-css-class)
-- [external include file](https://typescript-nuxtjs-boilerplate.netlify.com/include/)
-- [dynamic import](https://typescript-nuxtjs-boilerplate.netlify.com/example/dynamic-import)
-- [using user agent on ssr and csr](https://typescript-nuxtjs-boilerplate.netlify.com/example/user-agent)
-- [i18n](https://typescript-nuxtjs-boilerplate.netlify.com/example/i18n)
-  * [kazupon/vue-i18n: Internationalization plugin for Vue.js](https://github.com/kazupon/vue-i18n)
-- [animation - animejs](https://typescript-nuxtjs-boilerplate.netlify.com/example/animejs)
-  * [juliangarnier/anime: JavaScript animation engine](https://github.com/juliangarnier/anime)
-- [now utc offset with moment](https://typescript-nuxtjs-boilerplate.netlify.com/example/now-utcoffset)
-  * [moment/moment: Parse, validate, manipulate, and display dates in javascript.](https://github.com/moment/moment)
-- [vue-carousel](https://typescript-nuxtjs-boilerplate.netlify.com/example/vue-carousel)
-  * [SSENSE/vue-carousel: A flexible, responsive, touch-friendly carousel for Vue.js](https://github.com/SSENSE/vue-carousel)
-- [vue-awesome-swiper](https://typescript-nuxtjs-boilerplate.netlify.com/example/vue-awesome-swiper)
-  * [surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs](https://github.com/surmon-china/vue-awesome-swiper)
-- [audio](https://typescript-nuxtjs-boilerplate.netlify.com/example/audio)
-- [video](https://typescript-nuxtjs-boilerplate.netlify.com/example/video)
-  * [Nuxt.jsでvideoタグを使うときのfile-loader奮闘記 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2019/06/17/how-to-use-the-video-tag-in-nuxt/)
-- [server-side-set-cookie](https://typescript-nuxtjs-boilerplate.netlify.com/example/server-side-set-cookie)
-- [type safe vuex](https://typescript-nuxtjs-boilerplate.netlify.com/example/type-safe-vuex)
-  * TypeScript annotation
-- [counter with typesafe](https://typescript-nuxtjs-boilerplate.netlify.com/example/counter)
-  * [@lollipop-onl/vuex-typesafe-helper - npm](https://www.npmjs.com/package/@lollipop-onl/vuex-typesafe-helper)
-
 ## ⚙️ Maintainers
 
 - [hisasann](https://github.com/hisasann)

docs/_sidebar.md

@@ -3,6 +3,7 @@
   - [ページを追加する-quickstart](nuxt/quickstart.md)
 
 - [npm scriptsの解説](nuxt/npm-scripts.md)
+- [サンプル集](nuxt/examples.md)
 
 - TypeScript
 

docs/nuxt/examples.md

@@ -0,0 +1,50 @@
+## Example Links
+
+- [/example root directory](https://typescript-nuxtjs-boilerplate.netlify.com/example)
+- [sign-in](https://typescript-nuxtjs-boilerplate.netlify.com/example/auth/sign-in)
+  * [nuxt/example-auth0: A simple example that shows how to use Nuxt.js with Auth0.](https://github.com/nuxt/example-auth0)
+- [sign-out](https://typescript-nuxtjs-boilerplate.netlify.com/example/auth/sign-out)
+- [ajax color(pattern1)](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/color)
+  * [Introduction - Axios Module](https://axios.nuxtjs.org/)
+- [ajax schema(pattern2)](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/schema)
+- [post custom http headers](https://typescript-nuxtjs-boilerplate.netlify.com/example/ajax/custom-http-headers)
+- [routing custom path(pattern1)](https://typescript-nuxtjs-boilerplate.netlify.com/example/c-01/e-02/)
+- [routing custom path(pattern2)](https://typescript-nuxtjs-boilerplate.netlify.com/example/d-03/f-04/)
+- [assets and static](https://typescript-nuxtjs-boilerplate.netlify.com/example/assets-and-static)
+- [basic todo example](https://typescript-nuxtjs-boilerplate.netlify.com/example/todos)
+- [vue life cycle](https://typescript-nuxtjs-boilerplate.netlify.com/example/life-cycle)
+- [use plugin](https://typescript-nuxtjs-boilerplate.netlify.com/example/use-plugin)
+  * [プラグイン - Nuxt.js](https://ja.nuxtjs.org/guide/plugins/)
+- [custom head tag](https://typescript-nuxtjs-boilerplate.netlify.com/example/custom-head)
+- [async custom head tag](https://typescript-nuxtjs-boilerplate.netlify.com/example/async-custom-head)
+- [send http api in vuex](https://typescript-nuxtjs-boilerplate.netlify.com/example/api)
+- [get parameters](https://typescript-nuxtjs-boilerplate.netlify.com/example/search/?hoge=foo&bar=fuga)
+- [image lazy load](https://typescript-nuxtjs-boilerplate.netlify.com/example/img-lazy-load)
+  * [hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.](https://github.com/hilongjw/vue-lazyload)
+  * [Nuxt.jsでdata-src='~assets/lemon-sour.png'をrequire変換する方法 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2019/03/11/how-to-convert-data-src-to-require-in-nuxt/)
+- [extend css class](https://typescript-nuxtjs-boilerplate.netlify.com/example/extend-css-class)
+- [external include file](https://typescript-nuxtjs-boilerplate.netlify.com/include/)
+- [dynamic import](https://typescript-nuxtjs-boilerplate.netlify.com/example/dynamic-import)
+- [using user agent on ssr and csr](https://typescript-nuxtjs-boilerplate.netlify.com/example/user-agent)
+- [i18n](https://typescript-nuxtjs-boilerplate.netlify.com/example/i18n)
+  * [kazupon/vue-i18n: Internationalization plugin for Vue.js](https://github.com/kazupon/vue-i18n)
+- [animation - animejs](https://typescript-nuxtjs-boilerplate.netlify.com/example/animejs)
+  * [juliangarnier/anime: JavaScript animation engine](https://github.com/juliangarnier/anime)
+- [now utc offset with moment](https://typescript-nuxtjs-boilerplate.netlify.com/example/now-utcoffset)
+  * [moment/moment: Parse, validate, manipulate, and display dates in javascript.](https://github.com/moment/moment)
+- [vue-carousel](https://typescript-nuxtjs-boilerplate.netlify.com/example/vue-carousel)
+  * [SSENSE/vue-carousel: A flexible, responsive, touch-friendly carousel for Vue.js](https://github.com/SSENSE/vue-carousel)
+- [vue-awesome-swiper](https://typescript-nuxtjs-boilerplate.netlify.com/example/vue-awesome-swiper)
+  * [surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs](https://github.com/surmon-china/vue-awesome-swiper)
+- [audio](https://typescript-nuxtjs-boilerplate.netlify.com/example/audio)
+- [video](https://typescript-nuxtjs-boilerplate.netlify.com/example/video)
+  * [Nuxt.jsでvideoタグを使うときのfile-loader奮闘記 - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2019/06/17/how-to-use-the-video-tag-in-nuxt/)
+- [server-side-set-cookie](https://typescript-nuxtjs-boilerplate.netlify.com/example/server-side-set-cookie)
+- [type safe vuex](https://typescript-nuxtjs-boilerplate.netlify.com/example/type-safe-vuex)
+  * TypeScript annotation
+- [counter with typesafe](https://typescript-nuxtjs-boilerplate.netlify.com/example/counter)
+  * [@lollipop-onl/vuex-typesafe-helper - npm](https://www.npmjs.com/package/@lollipop-onl/vuex-typesafe-helper)
+- [typescript-nuxtjs-boilerplate](https://typescript-nuxtjs-boilerplate.netlify.com/example/this-is-undefined)
+  * [asyncDataとfetch内でのthisについて - typescript-nuxtjs-boilerplate-docs](https://typescript-nuxtjs-boilerplate-docs.netlify.com/#/nuxt/about-this-in-asyncdata-and-fetch?id=this%e3%81%8c%e6%9c%9f%e5%be%85%e3%81%a8%e3%81%8a%e3%82%8a%e3%81%ab%e5%8b%95%e3%81%8b%e3%81%aa%e3%81%84%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3)
+- [vee-validate](https://typescript-nuxtjs-boilerplate.netlify.com/example/vee-validate)
+