Fix linter issues

components/DeviceExportControlData.vue

@@ -53,22 +53,6 @@ permissions and limitations under the Licence.
   </div>
 </template>
 
-<style lang="scss">
-@import '~vuetify/src/styles/settings/variables';
-@import '~vuetify/src/styles/settings/colors';
-
-label {
-  /* TODO: move to its own file */
-  display: block;
-  font-size: map-deep-get($headings, 'caption', 'size');
-  font-weight: map-deep-get($headings, 'caption', 'weight');
-  letter-spacing: map-deep-get($headings, 'caption', 'letter-spacing');
-  line-height: map-deep-get($headings, 'caption', 'line-height');
-  font-family: map-deep-get($headings, 'caption', 'font-family');
-  color: map-get($grey, 'darken-1');
-}
-</style>
-
 <script lang="ts">
 import { Component, Vue, Prop } from 'nuxt-property-decorator'
 
@@ -88,3 +72,7 @@ export default class DeviceExportControlData extends Vue {
   }
 }
 </script>
+
+<style lang="scss">
+@import "@/assets/styles/_readonly_views.scss";
+</style>

components/DeviceExportControlForm.vue

@@ -80,7 +80,7 @@ permissions and limitations under the Licence.
   </v-form>
 </template>
 <script lang="ts">
-import { Component, Prop, mixins } from 'nuxt-property-decorator'
+import { Component, Prop, Vue, mixins } from 'nuxt-property-decorator'
 
 import { Rules } from '@/mixins/Rules'