refactor: Befriended eslint and vue 3

frontend/.eslintrc.js

@@ -74,5 +74,12 @@ module.exports = {
 
     // allow debugger during development only
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+
+  globals: {
+    defineProps: "readonly",
+    defineEmits: "readonly",
+    defineExpose: "readonly",
+    withDefaults: "readonly"
   }
 }

frontend/src/components/DitherDialog.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script setup>
-import { ref, defineProps, defineEmits, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { dither, emitter } from '../util/ditherpunk/monochrome'
 
 const props = defineProps({

frontend/src/components/ExternalLink.vue

@@ -18,8 +18,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 defineProps({
   title: {
     type: String,

frontend/src/components/FlipperPlotter.vue

@@ -58,7 +58,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref, watch, defineProps, onBeforeUnmount } from 'vue'
+import { onMounted, ref, watch, onBeforeUnmount } from 'vue'
 import { FlipperPlotter } from 'util/flipperPlotter/flipperPlotter.js'
 import { FlipperPlotterOffscreen } from 'util/flipperPlotter/flipperPlotterOffscreen.js'
 import { useNumbersOnly } from 'composables/useNumberOnly.js'

frontend/src/components/Loading.vue

@@ -10,8 +10,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 const props = defineProps({
   label: {
     type: String,

frontend/src/components/PixelEditor.vue

@@ -84,7 +84,7 @@
 </template>
 
 <script setup>
-import { ref, defineExpose, computed, watch, onMounted } from 'vue'
+import { ref, computed, watch, onMounted } from 'vue'
 import PixelEditor from '../util/pixeleditor/pixeleditor'
 import DitherDialog from 'src/components/DitherDialog.vue'
 import { exportFile } from 'quasar'

frontend/src/components/ProgressBar.vue

@@ -19,8 +19,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 defineProps({
   title: {
     type: String,

frontend/src/components/RouterLink.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import { defineProps, computed } from 'vue'
+import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 
 const props = defineProps({

frontend/src/components/Updater.vue

@@ -102,7 +102,7 @@
 </template>
 
 <script setup>
-import { ref, defineEmits, watch, onMounted, computed } from 'vue'
+import { ref, watch, onMounted, computed } from 'vue'
 import ProgressBar from './ProgressBar.vue'
 import { unpack } from 'util/util'
 import { fetchChannels, fetchFirmware, fetchRegions } from 'util/fetch'

frontend/src/pages/App.vue

@@ -289,7 +289,7 @@
 </template>
 
 <script setup>
-import { defineEmits, ref, computed, onUnmounted, onMounted, watch } from 'vue'
+import { ref, computed, onUnmounted, onMounted, watch } from 'vue'
 import Loading from 'src/components/Loading.vue'
 import { bytesToSize } from 'util/util'
 import { submitAppReport, fetchAppById } from 'util/fetch'