STAC Browser v5 (VueJS 3, Bootstrap 5, Vite)

.eslintrc

@@ -11,9 +11,14 @@
     "process": "readonly"
   },
   "extends": [
-    "plugin:vue/strongly-recommended",
+    "plugin:vue/vue3-strongly-recommended",
     "eslint:recommended"
   ],
+  "env": {
+    "node": true,
+    "browser": true,
+    "es2022": true
+  },
   "ignorePatterns": [
     "**/stac-fields",
     "**/stac-migrate",
@@ -40,6 +45,40 @@
     }],
     "vue/order-in-components": "error",
     "vue/this-in-template": "error",
-    "vue/match-component-file-name": "error"
+    "vue/match-component-file-name": "error",
+    "vue/no-v-model-argument": "off",
+
+    // Vue 3 specific rules
+    "vue/require-explicit-emits": "warn",
+    "vue/v-on-event-hyphenation": "warn",
+    "vue/prefer-import-from-vue": "error",
+    "vue/no-deprecated-v-on-native-modifier": "error",
+    "vue/no-deprecated-v-bind-sync": "error",
+    "vue/no-deprecated-destroyed-lifecycle": "error",
+    "vue/no-deprecated-dollar-listeners-api": "error",
+    "vue/no-deprecated-events-api": "error",
+    "vue/no-deprecated-filter": "error",
+    "vue/no-deprecated-functional-template": "error",
+    "vue/no-deprecated-html-element-is": "error",
+    "vue/no-deprecated-inline-template": "error",
+    "vue/no-deprecated-props-default-this": "error",
+    "vue/no-deprecated-router-link-tag-prop": "error",
+    "vue/no-deprecated-scope-attribute": "error",
+    "vue/no-deprecated-slot-attribute": "error",
+    "vue/no-deprecated-slot-scope-attribute": "error",
+    "vue/no-deprecated-v-is": "error",
+    "vue/no-deprecated-vue-config-keycodes": "error",
+
+    // Vue 3 Composition API
+    "vue/no-setup-props-destructure": "error",
+    "vue/prefer-define-options": "warn",
+
+    // General improvements  
+    "vue/no-unused-vars": "warn",
+    "vue/no-unused-components": "warn",
+    "vue/require-default-prop": "warn",
+    "vue/no-undef-properties": "off", // Too strict for mixin usage
+    "vue/no-empty-component-block": "warn",
+    "vue/no-reserved-component-names": "warn" // Allow domain-specific names like Source, Metadata
   }
 }

README.md

@@ -8,7 +8,7 @@ implemented as a single page application (SPA) for ease of development and to
 limit the overall number of catalog reads necessary when browsing (as catalogs
 may be nested and do not necessarily contain references to their parents).
 
-Version: **4.0.0-rc.2** (supports all STAC versions between 0.6.0 and 1.1.0)
+Version: **5.0.0-dev** (supports all STAC versions between 0.6.0 and 1.1.0)
 
 This package has also been published to npm as [`@radiantearth/stac-browser`](https://www.npmjs.com/package/@radiantearth/stac-browser).
 
@@ -287,7 +287,8 @@ You can use the Docker to work with STAC Browser. Please read [Docker documentat
 We are happy to review and accept Pull Requests.
 STAC Browser is following the [STAC code of conduct](https://github.com/radiantearth/stac-spec/blob/master/CODE_OF_CONDUCT.md).
 
-STAC Browser uses [Vue](https://vuejs.org/) and [vue-cli](https://cli.vuejs.org/), so you need a recent version of [NodeJS and npm](https://nodejs.org/en/) installed.
+STAC Browser builds on top of [VueJS 3](https://vuejs.org/) and [Vite](https://vite.dev),
+so you need a recent version of [NodeJS and npm](https://nodejs.org/en/) installed.
 
 You can run the following commands (see also "[Get started](#get-started)" above):