Add files via upload

src/router/index.js

@@ -1,28 +1,28 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-
-const routes = [
-  { 
-    path: '/',
-    name: 'home',
-    component: () => import('../views/Home.vue')
-  },
-  {
-    path: '/search/:q',
-    name:'search',
-    component: () => import('../views/Search.vue'),
-    props: true
-  },
-  {
-    path: '/play/:songid/:title/:artist/:album/:cover/:publishTime',
-    name: 'play',
-    component: () => import('../views/Play.vue'),
-    props: true
-  }
-]
-
-const router = createRouter({
-  history: createWebHashHistory(process.env.BASE_URL),
-  routes,
-})
-
-export default router
+import { createRouter, createWebHashHistory } from 'vue-router'
+
+const routes = [
+  { 
+    path: '/',
+    name: 'home',
+    component: () => import('../views/Home.vue')
+  },
+  {
+    path: '/search/:q',
+    name:'search',
+    component: () => import('../views/Search.vue'),
+    props: true
+  },
+  {
+    path: '/play/:songid/:title/:artist/:album/:cover/:publishTime',
+    name: 'play',
+    component: () => import('../views/Play.vue'),
+    props: true
+  }
+]
+
+const router = createRouter({
+  history: createWebHashHistory(process.env.BASE_URL),
+  routes,
+})
+
+export default router

src/themes/home/1.vue

@@ -6,7 +6,7 @@ const inputRef = ref(null)
 
 const emit = defineEmits(['switch', 'search']) 
 function changeTheme() {
-  emit('switch', 2)
+  emit('switch', 1)
 }
 function searchEnter() {
   emit('search', search.value)
@@ -19,7 +19,7 @@ function onClick() {
 <template>
   <div class="home" @contextmenu.prevent="changeTheme" @click="onClick">
       <div class="home-search">
-        <input class="home-input" v-model="search" @keyup.enter="searchEnter" autofocus ref="inputRef"> 
+        <input class="home-input" placeholder="歌曲名或歌单歌曲链接" v-model="search" @keyup.enter="searchEnter" autofocus ref="inputRef"> 
       </div>
     </div>
 </template>

src/themes/home/2.vue

@@ -1,52 +1,2 @@
-<script setup>
-import { ref } from 'vue'
-
-const search = ref('')
-const inputRef = ref(null)
-
-const emit = defineEmits(['switch', 'search']) 
-function changeTheme() {
-  emit('switch', 2)
-}
-function searchEnter() {
-  emit('search', search.value)
-}
-
-function onClick() {
-  inputRef.value.focus()
-}
-</script>
-<template>
-  <div class="home" @contextmenu.prevent="changeTheme" @click="onClick">
-      <div class="home-search">
-        <input class="home-input" v-model="search" @keyup.enter="searchEnter" autofocus ref="inputRef"> 
-      </div>
-    </div>
-</template>
-<style scoped>
-.home {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-.home-input {
-  border: 1px solid;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 99%;
-  transform: translate(-50%, -50%);
-  font-size: 7.7vw; 
-  text-align: center;
-  border-color: transparent;
-}
-.home-input:focus {
-  outline: none;
-  border: none;
-}
-
-body.dark .home-input {
-  color: #c4c4c4;
-  background-color: black;
-}
-</style>
+<!-- theme file. you can copy 1.vue as template, and customize it -->
+<template></template>

src/views/Home.vue

@@ -13,7 +13,7 @@ import Theme2 from '../themes/home/2.vue';
 const router = useRouter()
 
 const homeTheme = ref(1) 
-const darkTheme = ref(false)
+const darkTheme = ref(true)
 
 const database = 'CreamPlayer'
 const store = 'Setting'

src/views/Search.vue

@@ -31,7 +31,7 @@ const props = defineProps({
 const counterStore = useCounterStore()
 counterStore.setLastSearch(props.q)
 
-const searchTheme = ref(12) 
+const searchTheme = ref(15) 
 const darkTheme = ref(false)
 
 const database = 'CreamPlayer'