TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-03 20:13:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

install vue-motion

Browse Source
This commit is contained in:
geoffrey45
2022-05-23 01:24:30 +03:00
parent 16857b5053
commit 5d0492d63a
8 changed files with 100 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1
View File
@@ -9,6 +9,7 @@
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
},
"dependencies": {
"@vueuse/motion": "^2.0.0-beta.12",
"axios": "^0.26.1",
"mitt": "^3.0.0",
"node-vibrant": "^3.2.1-alpha.1",
src/App.vue
+1 -1
View File
@@ -6,7 +6,7 @@
<div class="l-sidebar">
<div id="logo-container">
<router-link :to="{ name: 'Home' }">
><div class="logo"></div
<div class="logo"></div
></router-link>
</div>
<Navigation />
src/components/PlaylistView/Header.vue
+3 -2
View File
@@ -1,6 +1,7 @@
<template>
<div
class="p-header image"
:style="[
{
backgroundImage: `url(${imguri + props.info.image})`,
@@ -11,7 +12,7 @@
<div class="carddd">
<div class="info">
<div class="btns">
<PlayBtnRect :source="playSources.playlist" />
<PlayBtnRect :source="playSources.playlist" v-motion-slide-visible-once-bottom/>
<Option @showDropdown="showDropdown" :src="context.src" />
</div>
<div class="duration">
@@ -25,7 +26,7 @@
{{ props.info.description }}
</div>
<div class="title ellip">{{ props.info.name }}</div>
<div class="type">Playlist</div>
<div class="type" >Playlist</div>
</div>
</div>
<div class="last-updated">
src/components/RightSideBar/Search.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="right-search">
<TabsWrapper>
<Tab name="Tracks">
<Tab name="Tracks" v-motion-slide-visible-left>
<TracksGrid />
</Tab>
<Tab name="Albums">
src/components/nav/NavBar.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="info">
<div class="title" v-if="$route.name == 'Playlists'">Playlists</div>
<div class="folder" v-else-if="$route.name == 'FolderView'">
<div class="folder" v-else-if="$route.name == 'FolderView'" >
<div class="fname">
<div class="icon image"></div>
<div class="ellip">
src/components/shared/SongItem.vue
+3 -4
View File
@@ -4,15 +4,14 @@
:class="[{ current: props.isCurrent }, { 'context-on': context_on }]"
@dblclick="emitUpdate(props.song)"
@contextmenu="showContextMenu"
v-motion-slide-visible-once-right
>
<div class="index">{{ props.index }}</div>
<div class="flex">
<div
class="album-art image rounded"
:style="{
backgroundImage: `url(&quot;${
imguri + props.song.image
}&quot;`,
backgroundImage: `url(&quot;${imguri + props.song.image}&quot;`,
}"
@click="emitUpdate(props.song)"
>
@@ -74,7 +73,7 @@ import { paths } from "../../config";
const contextStore = useContextStore();
const context_on = ref(false);
const imguri = paths.images.thumb
const imguri = paths.images.thumb;
const showContextMenu = (e: Event) => {
e.preventDefault();
src/main.js
+7 -4
View File
@@ -2,12 +2,15 @@ import { createApp } from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import { createPinia } from 'pinia'
import { createPinia } from "pinia";
import { MotionPlugin } from "@vueuse/motion";
import "../src/assets/css/global.scss";
const app = createApp(App);
app.use(createPinia())
app.use(createPinia());
app.use(router);
app.mount('#app');
app.use(MotionPlugin);
app.mount("#app");
yarn.lock
+83
View File
@@ -376,6 +376,39 @@
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.29.tgz#07dac7051117236431d2f737d16932aa38bbb925"
integrity sha512-BjNpU8OK6Z0LVzGUppEk0CMYm/hKDnZfYdjSmPOs0N+TR1cLKJAkDwW8ASZUvaaSLEi6d3hVM7jnWnX+6yWnHw==
"@vueuse/core@^8.0.1":
version "8.5.0"
resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-8.5.0.tgz#2b7548e52165c88e1463756c36188e105d806543"
integrity sha512-VEJ6sGNsPlUp0o9BGda2YISvDZbhWJSOJu5zlp2TufRGVrLcYUKr31jyFEOj6RXzG3k/H4aCYeZyjpItfU8glw==
dependencies:
"@vueuse/metadata" "8.5.0"
"@vueuse/shared" "8.5.0"
vue-demi "*"
"@vueuse/metadata@8.5.0":
version "8.5.0"
resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-8.5.0.tgz#1aaa3787922cfda0f38243aaa7779366a669b4db"
integrity sha512-WxsD+Cd+bn+HcjpY6Dl9FJ8ywTRTT9pTwk3bCQpzEhXVYAyNczKDSahk50fCfIJKeWHhyI4B2+/ZEOxQAkUr0g==
"@vueuse/motion@^2.0.0-beta.12":
version "2.0.0-beta.12"
resolved "https://registry.yarnpkg.com/@vueuse/motion/-/motion-2.0.0-beta.12.tgz#5ce0afd04f1991a87370ce90907e3979b82f6380"
integrity sha512-cAZqXexLX6xo+H1N1Mv+wBSSqG4wB+BdjIuHQ50jwlelXCDxSi8gj0K/9nDS+aUZtWh6YMwS6UGCKg58jMVglA==
dependencies:
"@vueuse/core" "^8.0.1"
"@vueuse/shared" "^8.0.1"
framesync "^6.1.0"
popmotion "^11.0.3"
style-value-types "^5.1.0"
vue-demi "*"
"@vueuse/shared@8.5.0", "@vueuse/shared@^8.0.1":
version "8.5.0"
resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-8.5.0.tgz#fa01ecd3161933f521dd6428b9ef8015ded1bbd3"
integrity sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==
dependencies:
vue-demi "*"
"@webassemblyjs/ast@1.11.1":
version "1.11.1"
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -1071,6 +1104,20 @@ follow-redirects@^1.14.8:
resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.9.tgz#dd4ea157de7bfaf9ea9b3fbd85aa16951f78d8d7"
integrity sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==
framesync@6.0.1:
version "6.0.1"
resolved "https://registry.yarnpkg.com/framesync/-/framesync-6.0.1.tgz#5e32fc01f1c42b39c654c35b16440e07a25d6f20"
integrity sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==
dependencies:
tslib "^2.1.0"
framesync@^6.1.0:
version "6.1.0"
resolved "https://registry.yarnpkg.com/framesync/-/framesync-6.1.0.tgz#b22cf9afba52a9a895668b09e033b6a61e901c41"
integrity sha512-aBX+hdWAvwiJYeQlFLY2533VxeL6OEu71CAgV4GGKksrj6+dE6i7K86WSSiRBEARCoJn5bFqffhg4l07eA27tg==
dependencies:
tslib "^2.3.1"
fs.realpath@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -1162,6 +1209,11 @@ has@^1.0.3:
dependencies:
function-bind "^1.1.1"
hey-listen@^1.0.8:
version "1.0.8"
resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
ieee754@^1.1.13:
version "1.2.1"
resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -1569,6 +1621,16 @@ pngjs@^3.0.0, pngjs@^3.3.3:
resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
popmotion@^11.0.3:
version "11.0.3"
resolved "https://registry.yarnpkg.com/popmotion/-/popmotion-11.0.3.tgz#565c5f6590bbcddab7a33a074bb2ba97e24b0cc9"
integrity sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==
dependencies:
framesync "6.0.1"
hey-listen "^1.0.8"
style-value-types "5.0.0"
tslib "^2.1.0"
postcss@^8.1.10, postcss@^8.4.5:
version "8.4.6"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.6.tgz#c5ff3c3c457a23864f32cb45ac9b741498a09ae1"
@@ -1765,6 +1827,22 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
style-value-types@5.0.0:
version "5.0.0"
resolved "https://registry.yarnpkg.com/style-value-types/-/style-value-types-5.0.0.tgz#76c35f0e579843d523187989da866729411fc8ad"
integrity sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==
dependencies:
hey-listen "^1.0.8"
tslib "^2.1.0"
style-value-types@^5.1.0:
version "5.1.0"
resolved "https://registry.yarnpkg.com/style-value-types/-/style-value-types-5.1.0.tgz#228b02bd9418c57db46c1f450b85577e634a877f"
integrity sha512-DRIfBtjxQ4ztBZpexkFcI+UR7pODC5qLMf2Syt+bH98PAHHRH2tQnzxBuDQlqcAoYar6GzWnj8iAfqfwnEzCiQ==
dependencies:
hey-listen "^1.0.8"
tslib "^2.3.1"
supports-color@^7.1.0:
version "7.2.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -1831,6 +1909,11 @@ to-regex-range@^5.0.1:
dependencies:
is-number "^7.0.0"
tslib@^2.1.0, tslib@^2.3.1:
version "2.4.0"
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
type-check@^0.4.0, type-check@~0.4.0:
version "0.4.0"
resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"