├── .gitignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── example
    └── nuxt-leaflet-example
    │   ├── .editorconfig
    │   ├── .gitignore
    │   ├── README.md
    │   ├── assets
    │       ├── README.md
    │       └── style
    │       │   ├── app.styl
    │       │   └── variables.styl
    │   ├── components
    │       ├── Logo.vue
    │       ├── README.md
    │       └── VuetifyLogo.vue
    │   ├── layouts
    │       ├── README.md
    │       └── default.vue
    │   ├── middleware
    │       └── README.md
    │   ├── nuxt.config.js
    │   ├── package-lock.json
    │   ├── package.json
    │   ├── pages
    │       ├── README.md
    │       ├── index.vue
    │       └── inspire.vue
    │   ├── plugins
    │       ├── README.md
    │       └── vuetify.js
    │   ├── static
    │       ├── README.md
    │       ├── favicon.ico
    │       └── v.png
    │   └── store
    │       └── README.md
├── index.d.ts
├── lib
    ├── module.js
    └── templates
    │   └── plugin.js
├── package-lock.json
├── package.json
├── test
    ├── fixture
    │   ├── nuxt.config.js
    │   └── pages
    │   │   └── index.vue
    └── module.test.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | 
5 | .idea/


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Change Log
 2 | 
 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 4 | 
 5 | <a name=""></a>
 6 | # [](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.11...v) (2019-01-18)
 7 | 
 8 | 
 9 | 
10 | <a name=""></a>
11 | # [](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.11...v) (2019-01-18)
12 | 
13 | 
14 | 
15 | <a name="0.0.11"></a>
16 | ## [0.0.11](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.10...v0.0.11) (2018-11-10)
17 | 
18 | 
19 | 
20 | <a name="0.0.10"></a>
21 | ## [0.0.10](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.9...v0.0.10) (2018-04-19)
22 | 
23 | 
24 | 
25 | <a name="0.0.9"></a>
26 | ## [0.0.9](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.8...v0.0.9) (2018-04-09)
27 | 
28 | 
29 | 
30 | <a name="0.0.8"></a>
31 | ## 0.0.8 (2018-04-06)
32 | 
33 | 
34 | 
35 | <a name="0.0.7"></a>
36 | ## 0.0.7 (2018-03-13)
37 | 
38 | 
39 | 
40 | <a name="0.0.6"></a>
41 | ## [0.0.6](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.5...v0.0.6) (2018-03-13)
42 | 
43 | 
44 | 
45 | <a name="0.0.5"></a>
46 | ## [0.0.5](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.4...v0.0.5) (2018-03-13)
47 | 
48 | 
49 | 
50 | <a name="0.0.4"></a>
51 | ## [0.0.4](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.3...v0.0.4) (2018-03-13)
52 | 
53 | 
54 | 
55 | <a name="0.0.3"></a>
56 | ## [0.0.3](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.2...v0.0.3) (2018-03-13)
57 | 
58 | 
59 | 
60 | <a name="0.0.2"></a>
61 | ## [0.0.2](https://github.com/schlunsen/nuxt-leaflet/compare/v0.0.1...v0.0.2) (2018-03-13)
62 | 
63 | 
64 | 
65 | <a name="0.0.1"></a>
66 | ## 0.0.1 (2018-03-13)
67 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) Rasmus Schlunsen
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # nuxt-leaflet
 2 | [![npm (scoped with tag)](https://img.shields.io/npm/v/nuxt-leaflet/latest.svg?style=flat-square)](https://npmjs.com/package/nuxt-leaflet)
 3 | [![npm](https://img.shields.io/npm/dt/nuxt-leaflet.svg?style=flat-square)](https://npmjs.com/package/nuxt-leaflet)
 4 | [![js-standard-style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)
 5 | 
 6 | > Nuxt module for leafletjs
 7 | 
 8 | [📖 **Release Notes**](./CHANGELOG.md)
 9 | 
10 | ## Features
11 | 
12 | Nuxt module for vue2-leaflet.
13 | 
14 | See [vue2-leaflet](https://github.com/KoRiGaN/Vue2Leaflet) for more details.
15 | 
16 | 
17 | ## Setup
18 | - Add `nuxt-leaflet` dependency using yarn or npm to your project
19 | - Add `nuxt-leaflet` to `modules` section of `nuxt.config.js`
20 | 
21 | ```js
22 | {
23 |   modules: [
24 |     // Simple usage
25 |     'nuxt-leaflet',
26 | 
27 |     // With options
28 |     ['nuxt-leaflet', { /* module options */ }],
29 |  ]
30 | }
31 | ```
32 | 
33 | ## Usage
34 | 
35 | 
36 | Add the map to your page
37 | ``` html
38 | <div id="map-wrap" style="height: 100vh">
39 |  <client-only>
40 |    <l-map :zoom=13 :center="[55.9464418,8.1277591]">
41 |      <l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png"></l-tile-layer>
42 |      <l-marker :lat-lng="[55.9464418,8.1277591]"></l-marker>
43 |    </l-map>
44 |  </client-only>
45 | </div>
46 | ```
47 | 
48 | The Leaflet 'L' object can be found on vue component: ```this.$L``` 
49 | 
50 | ## Typescript
51 | 
52 | If you're using TypeScript, you'll need to add nuxt-leaflet in your compilerOptions of your tsconfig.json :
53 | 
54 | ```json
55 | {
56 |   "compilerOptions": {
57 |     "types": [
58 |       "@types/node",
59 |       "@nuxt/vue-app",
60 |       "nuxt-leaflet"
61 |     ]
62 |   }
63 | }
64 | ```
65 | 
66 | You'll then be able to have autocompletion in Vue instances (```this.$L```).
67 | 
68 | 
69 | ## List of currently implemented components
70 | 
71 | See [components](https://github.com/schlunsen/nuxt-leaflet/blob/master/lib/templates/plugin.js) supported
72 | 
73 | 
74 | ## Development
75 | 
76 | - Clone this repository
77 | - Install dependencies using `yarn install` or `npm install`
78 | - Start development server using `npm run dev`
79 | 
80 | ## License
81 | 
82 | [MIT License](./LICENSE)
83 | 
84 | Copyright (c) Rasmus Schlunsen
85 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/.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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/.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
81 | .idea
82 | 
83 | # Service worker
84 | sw.*
85 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/README.md:
--------------------------------------------------------------------------------
 1 | # nuxt-leaflet-example
 2 | 
 3 | > Example of nuxt-leaflet
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | $ npm 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 | 
18 | # generate static project
19 | $ npm run generate
20 | ```
21 | 
22 | For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).
23 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/assets/style/app.styl:
--------------------------------------------------------------------------------
1 | // Import Vuetify styling
2 | @require '~vuetify/src/stylus/app.styl'
3 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/assets/style/variables.styl:
--------------------------------------------------------------------------------
1 | @require '~vuetify/src/stylus/settings/_variables.styl'
2 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/components/VuetifyLogo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <img
 3 |     class="VuetifyLogo"
 4 |     alt="Vuetify Logo"
 5 |     src="data:image/png;base64,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"
 6 |   >
 7 | </template>
 8 | 
 9 | <style>
10 | .VuetifyLogo {
11 |   width: 180px;
12 |   transform: rotateY(560deg);
13 |   animation: turn 3.5s ease-out forwards 1s;
14 | }
15 | 
16 | @keyframes turn {
17 |   100% {
18 |     transform: rotateY(0deg);
19 |   }
20 | }
21 | </style>
22 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/layouts/default.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <v-app dark>
  3 |     <v-navigation-drawer
  4 |       v-model="drawer"
  5 |       :mini-variant="miniVariant"
  6 |       :clipped="clipped"
  7 |       fixed
  8 |       app
  9 |     >
 10 |       <v-list>
 11 |         <v-list-tile
 12 |           v-for="(item, i) in items"
 13 |           :key="i"
 14 |           :to="item.to"
 15 |           router
 16 |           exact
 17 |         >
 18 |           <v-list-tile-action>
 19 |             <v-icon>{{ item.icon }}</v-icon>
 20 |           </v-list-tile-action>
 21 |           <v-list-tile-content>
 22 |             <v-list-tile-title v-text="item.title" />
 23 |           </v-list-tile-content>
 24 |         </v-list-tile>
 25 |       </v-list>
 26 |     </v-navigation-drawer>
 27 |     <v-toolbar
 28 |       :clipped-left="clipped"
 29 |       fixed
 30 |       app
 31 |     >
 32 |       <v-toolbar-side-icon @click="drawer = !drawer" />
 33 |       <v-btn
 34 |         icon
 35 |         @click.stop="miniVariant = !miniVariant"
 36 |       >
 37 |         <v-icon>{{ `chevron_${miniVariant ? 'right' : 'left'}` }}</v-icon>
 38 |       </v-btn>
 39 |       <v-btn
 40 |         icon
 41 |         @click.stop="clipped = !clipped"
 42 |       >
 43 |         <v-icon>web</v-icon>
 44 |       </v-btn>
 45 |       <v-btn
 46 |         icon
 47 |         @click.stop="fixed = !fixed"
 48 |       >
 49 |         <v-icon>remove</v-icon>
 50 |       </v-btn>
 51 |       <v-toolbar-title v-text="title" />
 52 |       <v-spacer />
 53 |       <v-btn
 54 |         icon
 55 |         @click.stop="rightDrawer = !rightDrawer"
 56 |       >
 57 |         <v-icon>menu</v-icon>
 58 |       </v-btn>
 59 |     </v-toolbar>
 60 |     <v-content>
 61 |       <v-container>
 62 |         <nuxt />
 63 |       </v-container>
 64 |     </v-content>
 65 |     <v-navigation-drawer
 66 |       v-model="rightDrawer"
 67 |       :right="right"
 68 |       temporary
 69 |       fixed
 70 |     >
 71 |       <v-list>
 72 |         <v-list-tile @click.native="right = !right">
 73 |           <v-list-tile-action>
 74 |             <v-icon light>compare_arrows</v-icon>
 75 |           </v-list-tile-action>
 76 |           <v-list-tile-title>Switch drawer (click me)</v-list-tile-title>
 77 |         </v-list-tile>
 78 |       </v-list>
 79 |     </v-navigation-drawer>
 80 |     <v-footer
 81 |       :fixed="fixed"
 82 |       app
 83 |     >
 84 |       <span>&copy; 2019</span>
 85 |     </v-footer>
 86 |   </v-app>
 87 | </template>
 88 | 
 89 | <script>
 90 | export default {
 91 |   data() {
 92 |     return {
 93 |       clipped: false,
 94 |       drawer: false,
 95 |       fixed: false,
 96 |       items: [
 97 |         {
 98 |           icon: 'apps',
 99 |           title: 'Welcome',
100 |           to: '/'
101 |         },
102 |         {
103 |           icon: 'bubble_chart',
104 |           title: 'Inspire',
105 |           to: '/inspire'
106 |         }
107 |       ],
108 |       miniVariant: false,
109 |       right: true,
110 |       rightDrawer: false,
111 |       title: 'Vuetify.js'
112 |     }
113 |   }
114 | }
115 | </script>
116 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/middleware/README.md:
--------------------------------------------------------------------------------
1 | # MIDDLEWARE
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 middleware.
6 | Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
7 | 
8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
9 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | import VuetifyLoaderPlugin from 'vuetify-loader/lib/plugin'
 2 | import pkg from './package'
 3 | 
 4 | export default {
 5 |   mode: 'universal',
 6 | 
 7 |   /*
 8 |   ** Headers of the page
 9 |   */
10 |   head: {
11 |     title: pkg.name,
12 |     meta: [
13 |       { charset: 'utf-8' },
14 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
15 |       { hid: 'description', name: 'description', content: pkg.description }
16 |     ],
17 |     link: [
18 |       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
19 |       {
20 |         rel: 'stylesheet',
21 |         href:
22 |           'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
23 |       }
24 |     ]
25 |   },
26 | 
27 |   /*
28 |   ** Customize the progress-bar color
29 |   */
30 |   loading: { color: '#fff' },
31 | 
32 |   /*
33 |   ** Global CSS
34 |   */
35 |   css: [
36 |     '~/assets/style/app.styl'
37 |   ],
38 | 
39 |   /*
40 |   ** Plugins to load before mounting the App
41 |   */
42 |   plugins: [
43 |     '@/plugins/vuetify'
44 |   ],
45 | 
46 |   /*
47 |   ** Nuxt.js modules
48 |   */
49 |   modules: [
50 |     ['nuxt-leaflet', { /* module options */ }],
51 |   ],
52 | 
53 |   /*
54 |   ** Build configuration
55 |   */
56 |   build: {
57 |     transpile: ['vuetify/lib'],
58 |     plugins: [new VuetifyLoaderPlugin()],
59 |     loaders: {
60 |       stylus: {
61 |         import: ['~assets/style/variables.styl']
62 |       }
63 |     },
64 |     /*
65 |     ** You can extend webpack config here
66 |     */
67 |     extend(config, ctx) {
68 |     }
69 |   }
70 | }
71 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-leaflet-example",
 3 |   "version": "1.0.0",
 4 |   "description": "Example of nuxt-leaflet",
 5 |   "author": "Rasmus Schlünsen",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "nuxt",
 9 |     "build": "nuxt build",
10 |     "start": "nuxt start",
11 |     "generate": "nuxt generate"
12 |   },
13 |   "dependencies": {
14 |     "cross-env": "^5.2.0",
15 |     "nuxt": "^2.4.0",
16 |     "nuxt-leaflet": "0.0.17",
17 |     "vuetify": "^1.5.5",
18 |     "vuetify-loader": "^1.2.1"
19 |   },
20 |   "devDependencies": {
21 |     "nodemon": "^1.18.9",
22 |     "stylus": "^0.54.5",
23 |     "stylus-loader": "^3.0.2"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div id="map-wrap" style="height: 100vh; width: 100%;">
 4 |       <no-ssr>
 5 |         <l-map :zoom="13" :center="[47.413220, -1.219482]">
 6 |           <l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png"></l-tile-layer>
 7 |           <l-marker :lat-lng="[47.413220, -1.219482]"></l-marker>
 8 |         </l-map>
 9 |       </no-ssr>
10 |     </div>
11 |   </div>
12 | </template>
13 | <script>
14 | export default {
15 |   mounted() {
16 |     
17 |   }
18 | };
19 | </script>
20 | 
21 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/pages/inspire.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <v-layout>
 3 |     <v-flex text-xs-center>
 4 |       <img
 5 |         src="/v.png"
 6 |         alt="Vuetify.js"
 7 |         class="mb-5"
 8 |       >
 9 |       <blockquote class="blockquote">
10 |         &#8220;First, solve the problem. Then, write the code.&#8221;
11 |         <footer>
12 |           <small>
13 |             <em>&mdash;John Johnson</em>
14 |           </small>
15 |         </footer>
16 |       </blockquote>
17 |     </v-flex>
18 |   </v-layout>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/plugins/vuetify.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuetify from 'vuetify/lib'
 3 | import colors from 'vuetify/es5/util/colors'
 4 | 
 5 | Vue.use(Vuetify, {
 6 |   theme: {
 7 |     primary: colors.blue.darken2,
 8 |     accent: colors.grey.darken3,
 9 |     secondary: colors.amber.darken3,
10 |     info: colors.teal.lighten1,
11 |     warning: colors.amber.base,
12 |     error: colors.deepOrange.accent4,
13 |     success: colors.green.accent3
14 |   }
15 | })
16 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/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 | 


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/schlunsen/nuxt-leaflet/1d06108afa20001660fd576ae45f0ae43175dd41/example/nuxt-leaflet-example/static/favicon.ico


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/static/v.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/schlunsen/nuxt-leaflet/1d06108afa20001660fd576ae45f0ae43175dd41/example/nuxt-leaflet-example/static/v.png


--------------------------------------------------------------------------------
/example/nuxt-leaflet-example/store/README.md:
--------------------------------------------------------------------------------
 1 | # STORE
 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 Vuex Store files.
 6 | Vuex Store option is implemented in the Nuxt.js framework.
 7 | 
 8 | Creating a file in this directory automatically activates the option in the framework.
 9 | 
10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
11 | 


--------------------------------------------------------------------------------
/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as L from "leaflet";
2 | 
3 | declare module "vue/types/vue" {
4 |   interface Vue {
5 |     $L: typeof L;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/lib/module.js:
--------------------------------------------------------------------------------
 1 | const { resolve } = require('path')
 2 | 
 3 | module.exports = async function module (moduleOptions) {
 4 |   const options = Object.assign({}, moduleOptions)
 5 |   
 6 |   // Add leaflet css
 7 |   this.options.css.push('leaflet/dist/leaflet.css')
 8 |   
 9 |   this.addPlugin({
10 |     src: resolve(__dirname, 'templates/plugin.js'),
11 |     fileName: 'nuxt-leaflet.js',
12 |     ssr: false,
13 |     options
14 |   })
15 | }
16 | 


--------------------------------------------------------------------------------
/lib/templates/plugin.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import * as Vue2Leaflet from 'vue2-leaflet'
 3 | 
 4 | Vue.component('l-circle', Vue2Leaflet.LCircle)
 5 | Vue.component('l-circle-marker', Vue2Leaflet.LCircleMarker)
 6 | Vue.component('l-control', Vue2Leaflet.LControl)
 7 | Vue.component('l-control-attribution', Vue2Leaflet.LControlAttribution)
 8 | Vue.component('l-control-layers', Vue2Leaflet.LControlLayers)
 9 | Vue.component('l-control-scale', Vue2Leaflet.LControlScale)
10 | Vue.component('l-control-zoom', Vue2Leaflet.LControlZoom)
11 | Vue.component('l-feature-group', Vue2Leaflet.LFeatureGroup)
12 | Vue.component('l-geo-json', Vue2Leaflet.LGeoJson)
13 | Vue.component('l-grid-layer', Vue2Leaflet.LGridLayer)
14 | Vue.component('l-icon', Vue2Leaflet.LIcon)
15 | Vue.component('l-icon-default', Vue2Leaflet.LIconDefault)
16 | Vue.component('l-image-overlay', Vue2Leaflet.LImageOverlay)
17 | Vue.component('l-layer-group', Vue2Leaflet.LLayerGroup)
18 | Vue.component('l-map', Vue2Leaflet.LMap)
19 | Vue.component('l-marker', Vue2Leaflet.LMarker)
20 | Vue.component('l-polygon', Vue2Leaflet.LPolygon)
21 | Vue.component('l-polyline', Vue2Leaflet.LPolyline)
22 | Vue.component('l-popup', Vue2Leaflet.LPopup)
23 | Vue.component('l-rectangle', Vue2Leaflet.LRectangle)
24 | Vue.component('l-tile-layer', Vue2Leaflet.LTileLayer)
25 | Vue.component('l-tooltip', Vue2Leaflet.LTooltip)
26 | Vue.component('l-lwms-tile-layer', Vue2Leaflet.LWMSTileLayer)
27 | 
28 | // Build icon assets.
29 | delete L.Icon.Default.prototype._getIconUrl
30 | L.Icon.Default.imagePath = ''
31 | L.Icon.Default.mergeOptions({
32 |   iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
33 |   iconUrl: require('leaflet/dist/images/marker-icon.png'),
34 |   shadowUrl: require('leaflet/dist/images/marker-shadow.png')
35 | })
36 | 
37 | const LeafletPlugin = {
38 |   install(Vue, options) {
39 |     // Expose Leaflet
40 |     Vue.prototype.$L = L;
41 |   }
42 | };
43 | 
44 | Vue.use(LeafletPlugin)
45 | 
46 | export default async function ({ router, store }) {
47 | 
48 | 
49 | }
50 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nuxt-leaflet",
 3 |   "version": "0.0.27",
 4 |   "description": "Nuxt module for leafletjs",
 5 |   "license": "MIT",
 6 |   "contributors": [
 7 |     {
 8 |       "name": "Rasmus Schlunsen"
 9 |     }
10 |   ],
11 |   "main": "lib/module.js",
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git+https://github.com/schlunsen/nuxt-leaflet.git"
15 |   },
16 |   "publishConfig": {
17 |     "access": "public"
18 |   },
19 |   "scripts": {
20 |     "dev": "nuxt test/fixture",
21 |     "lint": "eslint lib test",
22 |     "test": "npm run lint && jest",
23 |     "release": "standard-version && git push --follow-tags && npm publish"
24 |   },
25 |   "eslintIgnore": [
26 |     "lib/templates/*.*"
27 |   ],
28 |   "files": [
29 |     "lib",
30 |     "*.d.ts"
31 |   ],
32 |   "types": [
33 |     "index.d.ts"
34 |   ],
35 |   "jest": {
36 |     "testEnvironment": "node",
37 |     "collectCoverage": true
38 |   },
39 |   "dependencies": {
40 |     "@types/leaflet": "1.7.6",
41 |     "leaflet": "^1.7.1",
42 |     "npm-publish-git-tag": "^3.0.3",
43 |     "vue2-leaflet": "^2.7.1"
44 |   },
45 |   "devDependencies": {
46 |     "codecov": "3.7.1",
47 |     "eslint": "^6.8.0",
48 |     "eslint-config-google": "^0.14.0",
49 |     "eslint-config-standard": "14.1.0",
50 |     "eslint-plugin-import": "^2.20.1",
51 |     "eslint-plugin-jest": "^23.7.0",
52 |     "eslint-plugin-node": "11.0.0",
53 |     "eslint-plugin-promise": "4.2.1",
54 |     "eslint-plugin-standard": "4.0.1",
55 |     "eslint-plugin-vue": "^6.1.2",
56 |     "jest": "^25.1.0",
57 |     "jsdom": "^16.4.0",
58 |     "nuxt": "^2.14.9",
59 |     "standard-version": "^8.0.1"
60 |   },
61 |   "bugs": {
62 |     "url": "https://github.com/schlunsen/nuxt-leaflet/issues"
63 |   },
64 |   "readme": "https://github.com/schlunsen/nuxt-leaflet#readme",
65 |   "homepage": "https://github.com/schlunsen/nuxt-leaflet#readme"
66 | }
67 | 


--------------------------------------------------------------------------------
/test/fixture/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | const { resolve } = require('path')
 2 | 
 3 | module.exports = {
 4 |   rootDir: resolve(__dirname, '../..'),
 5 |   srcDir: __dirname,
 6 |   dev: false,
 7 |   render: {
 8 |     resourceHints: false
 9 |   },
10 |   modules: ['@@']
11 | }
12 | 


--------------------------------------------------------------------------------
/test/fixture/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | <div>
 3 |     Works!
 4 | </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 | 
10 | }
11 | </script>


--------------------------------------------------------------------------------
/test/module.test.js:
--------------------------------------------------------------------------------
 1 | const { Nuxt, Builder } = require('nuxt')
 2 | const request = require('request-promise-native')
 3 | 
 4 | const config = require('./fixture/nuxt.config')
 5 | 
 6 | const url = path => `http://localhost:3000${path}`
 7 | const get = path => request(url(path))
 8 | 
 9 | describe('basic', () => {
10 |   let nuxt
11 | 
12 |   beforeAll(async () => {
13 |     nuxt = new Nuxt(config)
14 |     await new Builder(nuxt).build()
15 |     await nuxt.listen(3000)
16 |   }, 60000)
17 | 
18 |   afterAll(async () => {
19 |     await nuxt.close()
20 |   })
21 | 
22 |   test('render', async () => {
23 |     let html = await get('/')
24 |     expect(html).toContain('Works!')
25 |   })
26 | })
27 | 


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