Change database (newer data)

minor: add extension jpeg in mediabox, categories order change in constants, theme tinkering

categories.ts

@@ -1,14 +1,14 @@
 export default [
-  'A',
-  'B',
-  'C',
-  'D',
-  'T',
   'AM',
   'A1',
   'A2',
+  'A',
   'B1',
+  'B',
   'C1',
+  'C',
   'D1',
+  'D',
+  'T',
   'PT',
 ];

components/MediaBox.vue

@@ -15,7 +15,7 @@ const media = computed(() => {
   const dotSplit = props.mediaPath?.split('.');
   const extension = dotSplit?.pop()?.toLowerCase();
   let type = null;
-  if (extension === 'jpg') {
+  if (extension === 'jpg' || extension === 'jpeg') {
     type = 'image';
   } else if (extension === 'wmv') {
     type = 'video';

pages/index.vue

@@ -36,11 +36,14 @@ function changeLanguage() {
 
 const dark = ref(false);
 
+const prefersDark = computed(() =>
+  window.matchMedia
+    ? window.matchMedia('(prefers-color-scheme: dark)').matches
+    : false,
+);
+
 function getTheme() {
-  if (
+  if (prefersDark.value) {
-    window.matchMedia &&
-    window.matchMedia('(prefers-color-scheme: dark)').matches
-  ) {
     dark.value = true;
   } else {
     dark.value = false;
@@ -53,6 +56,8 @@ const themeStore = useThemeStore();
 
 function themeAuto() {
   themeStore.set('');
+  getTheme();
+  themeStore.set('');
 }
 </script>