style(web): convert filenames into kebab-case

Author: SilentDepth

web/src/App.vue renamed to web/src/app.vue

@@ -18,8 +18,8 @@
 </template>
 
 <script>
-  import Navbar from '@/components/Navbar.vue'
-  import Footer from '@/components/Footer'
+  import Navbar from '@/components/navbar.vue'
+  import Footer from '@/components/footer'
 
   export default {
     name: 'App',

web/src/components/PlayerSkinRenderer/index.js

@@ -52,18 +52,18 @@
         required: true,
       },
     },
-    data() {
+    data () {
       return {
         ac: [],
         lang,
       }
     },
     computed: {
-      getImg() {
+      getImg () {
         return achievements[this.ac[1]]
       },
     },
-    mounted() {
+    mounted () {
       this.ac = this.prop.split('.')
     },
   }

web/src/components/AchievementBlock.vue renamed to web/src/components/achievement-block.vue

@@ -7,7 +7,7 @@
 <script>
   import advancementItemIcons from '@/assets/advancements'
   import advancementData from '@/assets/advancement-data.json'
-  import AdvancementGui from '@/components/AdvancementGui'
+  import AdvancementGui from '@/components/advancement-gui'
 
   export default {
     name: 'AdvancementIcon',

web/src/components/AdvancementGui.vue renamed to web/src/components/advancement-gui.vue

@@ -37,9 +37,9 @@
 
 <script>
   import advancementDB from '@/assets/advancement-data.json'
-  import AdvancementTitle from '@/components/AdvancementTitle.vue'
-  import AdvancementGui from '@/components/AdvancementGui.vue'
-  import SlidingTransition from '@/components/SlidingTransition'
+  import AdvancementTitle from '@/components/advancement-title.vue'
+  import AdvancementGui from '@/components/advancement-gui.vue'
+  import SlidingTransition from '@/components/sliding-transition'
   import {normalizeDate, parseDate} from '@/common/utils'
 
   export default {

web/src/components/AdvancementIcon.vue renamed to web/src/components/advancement-icon.vue

@@ -21,8 +21,8 @@
 
 <script>
   import advancementDB from '@/assets/advancement-data.json'
-  import AdvancementGui from './AdvancementGui.vue'
-  import AdvancementIcon from './AdvancementIcon.vue'
+  import AdvancementGui from './advancement-gui.vue'
+  import AdvancementIcon from './advancement-icon.vue'
 
   const NULL_COLOR_MAP = {
     1: [0, 0, 0, 0],

web/src/components/AdvancementInfoPanel.vue renamed to web/src/components/advancement-info-panel.vue

@@ -73,8 +73,8 @@
 </template>
 
 <script>
-  import SlidingTransition from '@/components/SlidingTransition.vue'
-  import FormSwitch from '@/components/FormSwitch.vue'
+  import SlidingTransition from '@/components/sliding-transition.vue'
+  import FormSwitch from '@/components/form-switch.vue'
   import useLocalConfig from '@/composables/local-config'
 
   export default {