Cleanup custom styling in single-file components

src/components/Cards/CreateAccount.vue

@@ -218,6 +218,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Cards/ForgottenPassword.vue

@@ -85,6 +85,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Cards/ResetPassword.vue

@@ -120,6 +120,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/About.vue

@@ -22,6 +22,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>

src/components/Pages/Complaint.vue

@@ -1,96 +1,94 @@
 <template>
-  <v-main>
+  <v-main class="pa-2">
     <v-responsive max-width="616px" min-width="250px" >
-      <div class="body">
-        <p class="text-body-1 font-weight-bold mb-2">
-          Points of contact under the Digital Services Act (Regulation 2022/2065/EU)
-        </p>
-        <p class="text-subtitle-2 font-weight-regular mb-8">
-          Point of contact for public authorities under Art. 11 DSA: dsa-meldung@wikimedia.de<br/>
-          Point of contact for recipients under Art. 12 DSA: dsa-meldung@wikimedia.de
-        </p>
-        <h1 class="text-h4 mb-4">Reporting illegal content</h1>
-        <p class="text-body-1 mb-9">
-          Please use this form to report any content that you consider to be illegal. After sending the email,
-          which is generated by clicking the ‘Report illegal content’ button, your report will be delivered to
-          us and handled in accordance with Regulation (EU) 2022/2065, Article 16 (‘Digital Services Act’).
-          If you supply an email, you will then automatically receive a confirmation of receipt and, as soon
-          as we have processed your report, we will inform you of any action taken. Please be aware that
-          no feedback will be provided on the action taken if the report is deemed abusive (e.g. spam or
-          unfounded report). In the event of repeated abusive use, we reserve the right to block you.
-        </p>
-        <v-form ref="form" v-on:submit.prevent>
-          <v-responsive max-width="519px">
-            <v-textarea
-              v-model="contenturl"
-              :rules="[() => !!contenturl || 'This field is required']"
-              label="URL(s) for the content in question"
-              required
-              auto-grow
-            />
-            <v-textarea
-              id="inputMessage"
-              counter="1000"
-              v-model="message"
-              :rules="[v => v.length <= 1000 || 'Message must be 1000 characters or less', () => !!message || 'This field is required']"
-              auto-grow
-              label="Reason why the information in question is illegal content"
-              required
-            />
-            <v-text-field
-              id="contactname"
-              v-model="name"
-              :rules="[v => v.length <= 300 || 'Max 300 characters']"
-              label="Your name (optional)"
-            />
-            <v-text-field
-              id="contactemail"
-              class="mb-6"
-              v-model="email"
-              :rules="[v => v.length <= 300 || 'Max 300 characters']"
-              label="Email address (optional)"
-              persistent-hint
-              hint ="Receiving a confirmation receipt and updates requires an email"
-            />
-          </v-responsive>
-          <v-checkbox
-            label="I am convinced in good faith that the information and statements contained in
-                    the report are correct and complete."
-            v-model="accepted"
-            :rules="[() => !!accepted || '']"
+      <p class="text-body-1 font-weight-bold mb-2">
+        Points of contact under the Digital Services Act (Regulation 2022/2065/EU)
+      </p>
+      <p class="text-subtitle-2 font-weight-regular mb-8">
+        Point of contact for public authorities under Art. 11 DSA: dsa-meldung@wikimedia.de<br/>
+        Point of contact for recipients under Art. 12 DSA: dsa-meldung@wikimedia.de
+      </p>
+      <h1 class="text-h4 mb-4">Reporting illegal content</h1>
+      <p class="text-body-1 mb-9">
+        Please use this form to report any content that you consider to be illegal. After sending the email,
+        which is generated by clicking the ‘Report illegal content’ button, your report will be delivered to
+        us and handled in accordance with Regulation (EU) 2022/2065, Article 16 (‘Digital Services Act’).
+        If you supply an email, you will then automatically receive a confirmation of receipt and, as soon
+        as we have processed your report, we will inform you of any action taken. Please be aware that
+        no feedback will be provided on the action taken if the report is deemed abusive (e.g. spam or
+        unfounded report). In the event of repeated abusive use, we reserve the right to block you.
+      </p>
+      <v-form ref="form" v-on:submit.prevent>
+        <v-responsive max-width="519px">
+          <v-textarea
+            v-model="contenturl"
+            :rules="[() => !!contenturl || 'This field is required']"
+            label="URL(s) for the content in question"
             required
+            auto-grow
           />
-          <div align="right">
-            <v-btn color="primary" @click="send" class="mt-6">
-              Report illegal content
-            </v-btn>
-          </div>
-        </v-form>
-        <v-snackbar color="success" elevation="24" v-model="successMessage">
-          <span class="text-body-1">Report successfully submitted. Thanks!</span>
-          <template v-slot:action>
-            <v-btn
-              text
-              variant="text"
-              @click="closeAlert"
-            >
-              Close
-            </v-btn>
-          </template>
-        </v-snackbar>
-        <v-snackbar color="error" elevation="24" v-model="errorMessage" multi-line>
-          <span class="text-body-1">Something went wrong with submitting your report. Please try again.</span>
-          <template v-slot:action>
-            <v-btn
-              text
-              variant="text"
-              @click="closeAlert"
-            >
-              Close
-            </v-btn>
-          </template>
-        </v-snackbar>
-      </div>
+          <v-textarea
+            id="inputMessage"
+            counter="1000"
+            v-model="message"
+            :rules="[v => v.length <= 1000 || 'Message must be 1000 characters or less', () => !!message || 'This field is required']"
+            auto-grow
+            label="Reason why the information in question is illegal content"
+            required
+          />
+          <v-text-field
+            id="contactname"
+            v-model="name"
+            :rules="[v => v.length <= 300 || 'Max 300 characters']"
+            label="Your name (optional)"
+          />
+          <v-text-field
+            id="contactemail"
+            class="mb-6"
+            v-model="email"
+            :rules="[v => v.length <= 300 || 'Max 300 characters']"
+            label="Email address (optional)"
+            persistent-hint
+            hint ="Receiving a confirmation receipt and updates requires an email"
+          />
+        </v-responsive>
+        <v-checkbox
+          label="I am convinced in good faith that the information and statements contained in
+                  the report are correct and complete."
+          v-model="accepted"
+          :rules="[() => !!accepted || '']"
+          required
+        />
+        <div align="right">
+          <v-btn color="primary" @click="send" class="mt-6">
+            Report illegal content
+          </v-btn>
+        </div>
+      </v-form>
+      <v-snackbar color="success" elevation="24" v-model="successMessage">
+        <span class="text-body-1">Report successfully submitted. Thanks!</span>
+        <template v-slot:action>
+          <v-btn
+            text
+            variant="text"
+            @click="closeAlert"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
+      <v-snackbar color="error" elevation="24" v-model="errorMessage" multi-line>
+        <span class="text-body-1">Something went wrong with submitting your report. Please try again.</span>
+        <template v-slot:action>
+          <v-btn
+            text
+            variant="text"
+            @click="closeAlert"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
     </v-responsive>
   </v-main>
 </template>
@@ -174,9 +172,3 @@ export default {
   },
 }
 </script>
-
-<style>
-.body{
-  padding: 8px;
-}
-</style>

src/components/Pages/Contact.vue

@@ -149,6 +149,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>

src/components/Pages/EmailVerification.vue

@@ -50,6 +50,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>

src/components/Pages/Logout.vue

@@ -19,6 +19,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-</style>

src/components/Pages/ManageWiki/Cards/ConfirmDelete.vue

@@ -100,5 +100,3 @@ export default {
   },
 }
 </script>
-<style>
-</style>

src/components/Pages/ManageWiki/Cards/Delete.vue

@@ -29,6 +29,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Cards/Details.vue

@@ -57,6 +57,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Cards/Logo.vue

@@ -63,6 +63,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Cards/Registration.vue

@@ -50,6 +50,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Cards/Skin.vue

@@ -83,6 +83,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Cards/Wikibase.vue

@@ -115,6 +115,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Features/Lexeme.vue

@@ -107,6 +107,3 @@ export default {
   },
 }
 </script>
-
-<style lang="css" scoped>
-</style>

src/components/Pages/ManageWiki/Features/Message.vue

@@ -35,6 +35,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-</style>

src/components/Pages/Privacy/Privacy.vue

@@ -777,7 +777,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 h5,
 h4 {
   margin-bottom: 16px;

src/components/Pages/TermsOfUse.vue

@@ -1294,7 +1294,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 h5 {
   margin-bottom: 16px;
 }

src/components/Pages/User.vue

@@ -59,6 +59,3 @@ export default {
   },
 }
 </script>
-
-<style>
-</style>

src/components/Util/Interval.vue

@@ -1,9 +1,5 @@
 <template>
-  <span :class="[
-      'CheckVerification',
-      `CheckVerification--${interval}`
-    ]"
-    ref="elm" />
+  <span class="d-none" ref="elm" />
 </template>
 
 <script>
@@ -39,9 +35,3 @@ export default {
   },
 }
 </script>
-
-<style>
-.CheckVerification {
-  display: none;
-}
-</style>