Merge pull request #697 from citation-file-format/696-vue-warning-download-button

Fix vue warning about using $ in returned property

Author: recap

src/components/DownloadButton.vue

@@ -9,7 +9,7 @@
         type="a"
         download="CITATION.cff"
         v-bind:href="downloadUrl"
-        v-bind:class="$q.platform.is.mobile ? 'full-width' : ''"
+        v-bind:class="q.platform.is.mobile ? 'full-width' : ''"
     />
 </template>
 
@@ -26,9 +26,9 @@ export default defineComponent({
     name: 'DownloadButton',
     setup () {
         const { cffstr } = useCffstr()
-        const $q = useQuasar()
+        const q = useQuasar()
         return {
-            $q,
+            q,
             downloadUrl: computed(() => toDownloadUrl(cffstr.value))
         }
     }

src/components/ScreenFinishMinimum.vue

@@ -33,7 +33,7 @@
                     size="xl"
                     to="/identifiers"
                     v-on:click="showAdvanced"
-                    v-bind:class="$q.platform.is.mobile ? 'full-width' : ''"
+                    v-bind:class="q.platform.is.mobile ? 'full-width' : ''"
                 />
             </div>
         </div>
@@ -60,9 +60,9 @@ export default defineComponent({
     setup () {
         const { setShowAdvanced, setStepName } = useApp()
         const { errors } = useValidation()
-        const $q = useQuasar()
+        const q = useQuasar()
         return {
-            $q,
+            q,
             isValidCFF: computed(() => errors.value.length === 0),
             showAdvanced: async () => {
                 setShowAdvanced(true)