Used now Vue, Vuex, Vue Router, TS, JS, HTML, CSS, SCSS, ESLint, Babel. Added route home for WaveloversApp in Vue-Router. Updated sitemaps, README.

This commit is contained in:
Eugene Serb 2022-08-06 22:31:46 +03:00
parent b32114153f
commit 8ca5c8ede4
22 changed files with 164 additions and 71 deletions

View File

@ -1,8 +1,18 @@
# Wavelovers # Wavelovers
Wavelovers in ***VueJS***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS*** and ***SCSS*** **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**. Wavelovers **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**.
This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with. This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with.
Tech Stack:
***VueJS***, ***Vuex***, ***Vue Router***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS***, ***SCSS***, ***ESLint***, ***Babel***.
Commands:
1. npm install Project setup.
2. npm run serve Compiles and hot-reloads for development.
3. npm run build Compiles and minifies for production.
4. npm run lint Lints and fixes files.
Catalogs structure:
***/docs/*** production build. <br /> ***/docs/*** production build. <br />
***/ (root)*** dev files. ***/ (root)*** dev files.

View File

@ -1,8 +1,18 @@
# Wavelovers # Wavelovers
Wavelovers in ***VueJS***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS*** and ***SCSS*** **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**. Wavelovers **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**.
This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with. This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with.
Tech Stack:
***VueJS***, ***Vuex***, ***Vue Router***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS***, ***SCSS***, ***ESLint***, ***Babel***.
Commands:
1. npm install Project setup.
2. npm run serve Compiles and hot-reloads for development.
3. npm run build Compiles and minifies for production.
4. npm run lint Lints and fixes files.
Catalogs structure:
***/docs/*** production build. <br /> ***/docs/*** production build. <br />
***/ (root)*** dev files. ***/ (root)*** dev files.

View File

@ -15,4 +15,4 @@
webvisor: true webvisor: true
});</script><style>[v-cloak] { });</script><style>[v-cloak] {
display: none; display: none;
}</style><script defer="defer" src="/js/chunk-vendors.d42e1256.js"></script><script defer="defer" src="/js/app.5a58d0e1.js"></script><link href="/css/app.a72a8a93.css" rel="stylesheet"></head><body><header class="header"><div class="header-wrapper container"><div class="logo-wrapper"><span class="logo-wrapper__logo" translate="no">Wavelovers</span></div><nav class="menu-wrapper"><ul class="navigation"><li class="navigation__item"><a href="/" target="_self" class="navigation__link">Home</a></li><li class="navigation__item"><a href="/faq.html" target="_self" class="navigation__link">FAQ</a></li><li class="navigation__item"><a href="/about.html" target="_self" class="navigation__link">About</a></li><li class="navigation__item"><a href="/donate.html" target="_self" class="navigation__link">Donate</a></li></ul></nav></div></header><main class="page container"><h1 class="visually-hidden">Wavelovers</h1><div id="app" v-cloak></div></main><footer class="footer"><div class="footer-wrapper container"><div class="annotation"><span class="annotation__text">© 2022 Wavelovers. Content licensed under </span><a href="https://wavelovers.ru/LICENSE.md" target="_blank">GNU General Public License v3.0</a><br><span class="annotation__text">This site is open source. </span><a href="https://github.com/eugene-serb/wavelovers/" target="_blank">Improve this page.</a></div><div class="annotation created-by"><span class="annotation__text">Created by</span><a href="https://eugene-serb.github.io/" target="_blank" translate="no">Eugene Serb</a></div></div></footer><noscript>You need to enable JavaScript to run this app.</noscript><noscript><div><img src="https://mc.yandex.ru/watch/89252711" style="position:absolute; left:-9999px;" alt=""/></div></noscript></body></html> }</style><script defer="defer" src="/js/chunk-vendors.d285d22b.js"></script><script defer="defer" src="/js/app.93acf04c.js"></script><link href="/css/app.a72a8a93.css" rel="stylesheet"></head><body><header class="header"><div class="header-wrapper container"><div class="logo-wrapper"><span class="logo-wrapper__logo" translate="no">Wavelovers</span></div><nav class="menu-wrapper"><ul class="navigation"><li class="navigation__item"><a href="/" target="_self" class="navigation__link">Home</a></li><li class="navigation__item"><a href="/faq.html" target="_self" class="navigation__link">FAQ</a></li><li class="navigation__item"><a href="/about.html" target="_self" class="navigation__link">About</a></li><li class="navigation__item"><a href="/donate.html" target="_self" class="navigation__link">Donate</a></li></ul></nav></div></header><main class="page container"><h1 class="visually-hidden">Wavelovers</h1><div id="app" v-cloak></div></main><footer class="footer"><div class="footer-wrapper container"><div class="annotation"><span class="annotation__text">© 2022 Wavelovers. Content licensed under </span><a href="https://wavelovers.ru/LICENSE.md" target="_blank">GNU General Public License v3.0</a><br><span class="annotation__text">This site is open source. </span><a href="https://github.com/eugene-serb/wavelovers/" target="_blank">Improve this page.</a></div><div class="annotation created-by"><span class="annotation__text">Created by</span><a href="https://eugene-serb.github.io/" target="_blank" translate="no">Eugene Serb</a></div></div></footer><noscript>You need to enable JavaScript to run this app.</noscript><noscript><div><img src="https://mc.yandex.ru/watch/89252711" style="position:absolute; left:-9999px;" alt=""/></div></noscript></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
docs/js/app.93acf04c.js Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2,25 +2,25 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://wavelovers.ru/</loc> <loc>https://wavelovers.ru/</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/faq.html</loc> <loc>https://wavelovers.ru/faq.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/about.html</loc> <loc>https://wavelovers.ru/about.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/donate.html</loc> <loc>https://wavelovers.ru/donate.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>

View File

@ -2,7 +2,7 @@
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap> <sitemap>
<loc>https://wavelovers.ru/sitemap-internal.xml</loc> <loc>https://wavelovers.ru/sitemap-internal.xml</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
</sitemap> </sitemap>
</sitemapindex> </sitemapindex>

84
package-lock.json generated
View File

@ -11,6 +11,7 @@
"dependencies": { "dependencies": {
"core-js": "^3.8.3", "core-js": "^3.8.3",
"vue": "^3.2.13", "vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0" "vuex": "^4.0.0"
}, },
"devDependencies": { "devDependencies": {
@ -18,6 +19,7 @@
"@typescript-eslint/parser": "^5.4.0", "@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-typescript": "~5.0.0", "@vue/cli-plugin-typescript": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0", "@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0", "@vue/cli-service": "~5.0.0",
@ -8218,14 +8220,14 @@
} }
}, },
"node_modules/object.assign": { "node_modules/object.assign": {
"version": "4.1.2", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.3.tgz",
"integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", "integrity": "sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"call-bind": "^1.0.0", "call-bind": "^1.0.2",
"define-properties": "^1.1.3", "define-properties": "^1.1.4",
"has-symbols": "^1.0.1", "has-symbols": "^1.0.3",
"object-keys": "^1.1.1" "object-keys": "^1.1.1"
}, },
"engines": { "engines": {
@ -8638,14 +8640,14 @@
} }
}, },
"node_modules/portfinder": { "node_modules/portfinder": {
"version": "1.0.28", "version": "1.0.29",
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.29.tgz",
"integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==", "integrity": "sha512-Z5+DarHWCKlufshB9Z1pN95oLtANoY5Wn9X3JGELGyQ6VhEcBfT2t+1fGUBq7MwUant6g/mqowH+4HifByPbiQ==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"async": "^2.6.2", "async": "^2.6.4",
"debug": "^3.1.1", "debug": "^3.2.7",
"mkdirp": "^0.5.5" "mkdirp": "^0.5.6"
}, },
"engines": { "engines": {
"node": ">= 0.12.0" "node": ">= 0.12.0"
@ -8661,9 +8663,9 @@
} }
}, },
"node_modules/postcss": { "node_modules/postcss": {
"version": "8.4.14", "version": "8.4.16",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
"integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==", "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
"funding": [ "funding": [
{ {
"type": "opencollective", "type": "opencollective",
@ -11156,6 +11158,20 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/vue-router": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",
"integrity": "sha512-XvK81bcYglKiayT7/vYAg/f36ExPC4t90R/HIpzrZ5x+17BOWptXLCrEPufGgZeuq68ww4ekSIMBZY1qdUdfjA==",
"dependencies": {
"@vue/devtools-api": "^6.1.4"
},
"funding": {
"url": "https://github.com/sponsors/posva"
},
"peerDependencies": {
"vue": "^3.2.0"
}
},
"node_modules/vue-style-loader": { "node_modules/vue-style-loader": {
"version": "4.1.3", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@ -18062,14 +18078,14 @@
"dev": true "dev": true
}, },
"object.assign": { "object.assign": {
"version": "4.1.2", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz", "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.3.tgz",
"integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", "integrity": "sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==",
"dev": true, "dev": true,
"requires": { "requires": {
"call-bind": "^1.0.0", "call-bind": "^1.0.2",
"define-properties": "^1.1.3", "define-properties": "^1.1.4",
"has-symbols": "^1.0.1", "has-symbols": "^1.0.3",
"object-keys": "^1.1.1" "object-keys": "^1.1.1"
} }
}, },
@ -18378,14 +18394,14 @@
} }
}, },
"portfinder": { "portfinder": {
"version": "1.0.28", "version": "1.0.29",
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.29.tgz",
"integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==", "integrity": "sha512-Z5+DarHWCKlufshB9Z1pN95oLtANoY5Wn9X3JGELGyQ6VhEcBfT2t+1fGUBq7MwUant6g/mqowH+4HifByPbiQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"async": "^2.6.2", "async": "^2.6.4",
"debug": "^3.1.1", "debug": "^3.2.7",
"mkdirp": "^0.5.5" "mkdirp": "^0.5.6"
}, },
"dependencies": { "dependencies": {
"debug": { "debug": {
@ -18400,9 +18416,9 @@
} }
}, },
"postcss": { "postcss": {
"version": "8.4.14", "version": "8.4.16",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
"integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==", "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
"requires": { "requires": {
"nanoid": "^3.3.4", "nanoid": "^3.3.4",
"picocolors": "^1.0.0", "picocolors": "^1.0.0",
@ -20187,6 +20203,14 @@
} }
} }
}, },
"vue-router": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",
"integrity": "sha512-XvK81bcYglKiayT7/vYAg/f36ExPC4t90R/HIpzrZ5x+17BOWptXLCrEPufGgZeuq68ww4ekSIMBZY1qdUdfjA==",
"requires": {
"@vue/devtools-api": "^6.1.4"
}
},
"vue-style-loader": { "vue-style-loader": {
"version": "4.1.3", "version": "4.1.3",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

View File

@ -23,6 +23,7 @@
"dependencies": { "dependencies": {
"core-js": "^3.8.3", "core-js": "^3.8.3",
"vue": "^3.2.13", "vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0" "vuex": "^4.0.0"
}, },
"devDependencies": { "devDependencies": {
@ -30,6 +31,7 @@
"@typescript-eslint/parser": "^5.4.0", "@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-typescript": "~5.0.0", "@vue/cli-plugin-typescript": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0", "@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0", "@vue/cli-service": "~5.0.0",

View File

@ -1,8 +1,18 @@
# Wavelovers # Wavelovers
Wavelovers in ***VueJS***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS*** and ***SCSS*** **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**. Wavelovers **[[rep](https://github.com/eugene-serb/wavelovers/), [site](https://wavelovers.ru/)]**.
This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with. This is Wavelovers, which can make a vibrating massager out of a gamepad. It has 16 free vibration patterns to play with.
Tech Stack:
***VueJS***, ***Vuex***, ***Vue Router***, ***Typescript***, ***Javascript***, ***HTML***, ***CSS***, ***SCSS***, ***ESLint***, ***Babel***.
Commands:
1. npm install Project setup.
2. npm run serve Compiles and hot-reloads for development.
3. npm run build Compiles and minifies for production.
4. npm run lint Lints and fixes files.
Catalogs structure:
***/docs/*** production build. <br /> ***/docs/*** production build. <br />
***/ (root)*** dev files. ***/ (root)*** dev files.

View File

@ -2,25 +2,25 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://wavelovers.ru/</loc> <loc>https://wavelovers.ru/</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/faq.html</loc> <loc>https://wavelovers.ru/faq.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/about.html</loc> <loc>https://wavelovers.ru/about.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://wavelovers.ru/donate.html</loc> <loc>https://wavelovers.ru/donate.html</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>

View File

@ -2,7 +2,7 @@
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap> <sitemap>
<loc>https://wavelovers.ru/sitemap-internal.xml</loc> <loc>https://wavelovers.ru/sitemap-internal.xml</loc>
<lastmod>2022-08-06</lastmod> <lastmod>2022-08-07</lastmod>
</sitemap> </sitemap>
</sitemapindex> </sitemapindex>

View File

@ -1,16 +1,12 @@
<template> <template>
<WaveloversApp /> <router-view />
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import WaveloversApp from '@/components/WaveloversApp.vue';
export default defineComponent({ export default defineComponent({
name: 'App', name: 'App',
components: {
WaveloversApp: WaveloversApp,
},
}); });
</script> </script>

View File

@ -1,5 +1,6 @@
import { createApp } from 'vue'; import { createApp } from 'vue'
import App from './App.vue'; import App from './App.vue'
import store from './store'; import router from './router'
import store from './store'
createApp(App).use(store).mount('#app'); createApp(App).use(store).use(router).mount('#app')

18
src/router/index.ts Normal file
View File

@ -0,0 +1,18 @@
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
import HomeView from '@/views/HomeView.vue';
const routes: Array<RouteRecordRaw> = [
{
path: '/',
name: 'home',
component: HomeView,
},
];
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes,
});
export default router;

16
src/views/HomeView.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<WaveloversApp />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import WaveloversApp from '@/components/WaveloversApp.vue';
export default defineComponent({
name: 'HomeView',
components: {
WaveloversApp: WaveloversApp,
},
});
</script>