Configure ESLint & Prettier to be more forgiving

- Ignore js and l10n folders
- Use vue/essential instead of vue/recommended rules
- fix linter errors
- Add .stylelintignore file to exclude css/ folder

Signed-off-by: Paul Schwörer <[email protected]>

Author: paulschwoerer

.eslintignore

@@ -0,0 +1,2 @@
+js/
+l10n/

.eslintrc.js

@@ -5,7 +5,7 @@ module.exports = {
   },
   extends: [
     "plugin:prettier/recommended",
-    "plugin:vue/recommended"
+    "plugin:vue/essential"
   ],
   rules: {
     "vue/component-name-in-template-casing": ["error", "PascalCase"],
@@ -20,7 +20,8 @@ module.exports = {
     $: false // TODO: remove once jQuery has been removed
   },
   parserOptions: {
+    ecmaVersion: 6,
     sourceType: "module",
     parser: "babel-eslint"
-  },
+  }
 };

.prettierignore

@@ -0,0 +1,2 @@
+js/
+l10n/

.stylelintignore

@@ -0,0 +1 @@
+css/

src/App.vue

@@ -43,10 +43,7 @@ export default {
         state[PUBLIC_FAVORITES_NAMESPACE].shareInfo
           ? state[PUBLIC_FAVORITES_NAMESPACE].shareInfo.allowEdits
           : false
-    }),
-      allowFavoriteEdits() {
-
-      }
+    })
   },
 
   mounted() {

src/components/MapContainer.vue

@@ -73,29 +73,32 @@ import VueTypes from "vue-types";
 import "leaflet.markercluster";
 import "leaflet.featuregroup.subgroup";
 
-import {
-  LMap,
-  LTileLayer,
-  LMarker,
-  LPopup,
-  LFeatureGroup,
-  LControlAttribution,
-  LControlLayers
-} from "vue2-leaflet";
+import { LMap, LTileLayer, LMarker, LPopup, LFeatureGroup } from "vue2-leaflet";
 import LMarkerCluster from "vue2-leaflet-markercluster";
 import { latLngBounds, latLng } from "leaflet";
 import { mapActions, mapMutations, mapState } from "vuex";
 import ClickPopup from "./map/ClickPopup";
 import FavoritePopup from "./map/FavoritePopup";
 import { isPublicShare } from "../utils/common";
 import { PUBLIC_FAVORITES_NAMESPACE } from "../store/modules/publicFavorites";
-import {LayerIds, Layers} from "../data/mapLayers";
+import { LayerIds, Layers } from "../data/mapLayers";
 
 const CLUSTER_MARKER_VIEW_SIZE = 27;
 
 export default {
   name: "MapContainer",
 
+  components: {
+    ClickPopup,
+    LMap,
+    LFeatureGroup,
+    LMarker,
+    LMarkerCluster,
+    LTileLayer,
+    LPopup,
+    FavoritePopup
+  },
+
   props: {
     favoriteCategories: VueTypes.object.isRequired,
     isPublicShare: VueTypes.bool.isRequired,
@@ -131,6 +134,29 @@ export default {
     };
   },
 
+  computed: {
+    ...mapState({
+      selectedFavoriteId: state =>
+        isPublicShare()
+          ? state[PUBLIC_FAVORITES_NAMESPACE].selectedFavoriteId
+          : null,
+      selectedFavorite: state =>
+        isPublicShare()
+          ? state[PUBLIC_FAVORITES_NAMESPACE].favorites.find(
+              favorite =>
+                favorite.id ===
+                state[PUBLIC_FAVORITES_NAMESPACE].selectedFavoriteId
+            )
+          : null
+    }),
+    layers() {
+      return Layers;
+    },
+    activeLayer() {
+      return this.layers.find(layer => layer.id === this.activeLayerId);
+    }
+  },
+
   watch: {
     selectedFavoriteId(val) {
       if (val !== null) {
@@ -155,29 +181,6 @@ export default {
     this.markerMap = [];
   },
 
-  computed: {
-    ...mapState({
-      selectedFavoriteId: state =>
-        isPublicShare()
-          ? state[PUBLIC_FAVORITES_NAMESPACE].selectedFavoriteId
-          : null,
-      selectedFavorite: state =>
-        isPublicShare()
-          ? state[PUBLIC_FAVORITES_NAMESPACE].favorites.find(
-              favorite =>
-                favorite.id ===
-                state[PUBLIC_FAVORITES_NAMESPACE].selectedFavoriteId
-            )
-          : null
-    }),
-    layers() {
-      return Layers;
-    },
-    activeLayer() {
-      return this.layers.find(layer => layer.id === this.activeLayerId);
-    }
-  },
-
   methods: {
     ...mapActions({
       selectFavorite: `${PUBLIC_FAVORITES_NAMESPACE}/selectFavorite`
@@ -299,19 +302,6 @@ export default {
 
       this.featureGroup = featureGroup;
     }
-  },
-
-  components: {
-    ClickPopup,
-    LMap,
-    LFeatureGroup,
-    LMarker,
-    LMarkerCluster,
-    LTileLayer,
-    LPopup,
-    FavoritePopup,
-    LControlLayers,
-    LControlAttribution
   }
 };
 </script>

src/components/PublicFavoriteShareSideBar.vue

@@ -1,29 +1,28 @@
 <template>
-    <AppNavigation>
-      <ul v-if="favorites.length">
-        <AppNavigationNew
-          v-if="allowFavoriteEdits"
-          :text="newFavoriteButtonLabel"
-          @click="handleAddFavoriteClick"
-        />
-        <AppNavigationItem
-          v-for="favorite in favorites"
-          :key="favorite.id"
-          :title="favorite.name || t('maps', '(No name)')"
-          @click="handleFavoriteClick(favorite.id)"
-        />
-        <AppNavigationSpacer />
-      </ul>
+  <AppNavigation>
+    <ul v-if="favorites.length">
+      <AppNavigationNew
+        v-if="allowFavoriteEdits"
+        :text="newFavoriteButtonLabel"
+        @click="handleAddFavoriteClick"
+      />
+      <AppNavigationItem
+        v-for="favorite in favorites"
+        :key="favorite.id"
+        :title="favorite.name || t('maps', '(No name)')"
+        @click="handleFavoriteClick(favorite.id)"
+      />
+      <AppNavigationSpacer />
+    </ul>
 
-      <div class="no-favorites" v-else>
-        {{t('maps', 'No favorites to display')}}
-      </div>
-    </AppNavigation>
+    <div v-else class="no-favorites">
+      {{ t("maps", "No favorites to display") }}
+    </div>
+  </AppNavigation>
 </template>
 
 <script>
 import AppNavigation from "@nextcloud/vue/dist/Components/AppNavigation";
-import AppNavigationSettings from "@nextcloud/vue/dist/Components/AppNavigationSettings";
 import AppNavigationItem from "@nextcloud/vue/dist/Components/AppNavigationItem";
 import AppNavigationNew from "@nextcloud/vue/dist/Components/AppNavigationNew";
 import AppNavigationSpacer from "@nextcloud/vue/dist/Components/AppNavigationSpacer";
@@ -37,7 +36,6 @@ export default {
 
   components: {
     AppNavigation,
-    AppNavigationSettings,
     AppNavigationItem,
     AppNavigationNew,
     AppNavigationSpacer
@@ -47,7 +45,7 @@ export default {
     ...mapState({
       favorites: state => state[PUBLIC_FAVORITES_NAMESPACE].favorites,
       mapMode: state => state[MAP_NAMESPACE].mode,
-      shareInfo: state => state[PUBLIC_FAVORITES_NAMESPACE].shareInfo,
+      shareInfo: state => state[PUBLIC_FAVORITES_NAMESPACE].shareInfo
     }),
 
     allowFavoriteEdits() {
@@ -88,9 +86,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .no-favorites {
-    padding: 2em;
-    text-align: center;
-    color: var(--color-text-light);
-  }
+.no-favorites {
+  padding: 2em;
+  text-align: center;
+  color: var(--color-text-light);
+}
 </style>

src/components/map/FavoritePopup.vue

@@ -41,9 +41,7 @@
     <div class="no-edits">
       <p>
         {{
-          favorite.comment.length
-            ? favorite.comment
-            : t("maps", "No comment")
+          favorite.comment.length ? favorite.comment : t("maps", "No comment")
         }}
       </p>
     </div>
@@ -123,5 +121,3 @@ export default {
   }
 };
 </script>
-
-<style scoped></style>

src/components/map/Popup.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="popup">
-    <h2 v-if="title"
-class="popup-title">
+    <h2 v-if="title" class="popup-title">
       {{ title }}
     </h2>
 

src/components/map/PopupFormItem.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="form-item">
-    <span class="icon"
-:class="icon" />
+    <span class="icon" :class="icon" />
     <div class="input-wrapper">
       <template v-if="allowEdits">
         <textarea
@@ -18,7 +17,7 @@
           :placeholder="placeholder"
           :value="value"
           @input="$emit('input', $event.target.value)"
-        >
+        />
       </template>
       <template v-else>
         <span>{{ value }}</span>