crypto/bemarket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新一些链接, cookie二级域名共享

Browse Source
This commit is contained in:
cebgcontract 2022-09-29 19:44:31 +08:00
parent 6b34256070
commit 178ce9db7a
9 changed files with 169 additions and 276 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -10,7 +10,7 @@
"build:test": "vue-cli-service build --mode test", "build:test": "vue-cli-service build --mode test",
"deploy:prod": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://cebg.games --exclude \"pubgv4/*\" --exclude \"release/*\"", "deploy:prod": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://cebg.games --exclude \"pubgv4/*\" --exclude \"release/*\"",
"deploy:test": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://test-client.cebg.games", "deploy:test": "rm -f ./dist/.DS_Store && aws s3 sync ./dist s3://test-client.cebg.games",
"refresh:prod": "aws cloudfront create-invalidation --distribution-id E34PEY4AGTMS0Y --paths \"/*\"", "refresh:prod": "aws cloudfront create-invalidation --distribution-id E3L3EZ5PQ5MDAU --paths \"/*\"",
"refresh:test": "aws cloudfront create-invalidation --distribution-id EE4HC9OXEQC7Y --paths \"/*\"", "refresh:test": "aws cloudfront create-invalidation --distribution-id EE4HC9OXEQC7Y --paths \"/*\"",
"svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6", "svg": "vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6",
"sitemap": "vue-cli-service sitemap" "sitemap": "vue-cli-service sitemap"

8
patches/@walletconnect+browser-utils+1.7.5.patch
View File

@ -1,8 +1,8 @@
diff --git a/node_modules/@walletconnect/browser-utils/dist/esm/local.js b/node_modules/@walletconnect/browser-utils/dist/esm/local.js diff --git a/node_modules/@walletconnect/browser-utils/dist/esm/local.js b/node_modules/@walletconnect/browser-utils/dist/esm/local.js
index c7f4db3..66b8863 100644 index c7f4db3..9e2d455 100644
--- a/node_modules/@walletconnect/browser-utils/dist/esm/local.js --- a/node_modules/@walletconnect/browser-utils/dist/esm/local.js
+++ b/node_modules/@walletconnect/browser-utils/dist/esm/local.js +++ b/node_modules/@walletconnect/browser-utils/dist/esm/local.js
@@ -1,26 +1,31 @@ @@ -1,26 +1,29 @@
import { safeJsonParse, safeJsonStringify } from "./json"; import { safeJsonParse, safeJsonStringify } from "./json";
import { getLocalStorage } from "./browser"; import { getLocalStorage } from "./browser";
+var Cookies = require('js-cookie') +var Cookies = require('js-cookie')
@ -12,9 +12,7 @@ index c7f4db3..66b8863 100644
- if (local) { - if (local) {
- local.setItem(key, raw); - local.setItem(key, raw);
- } - }
+ console.log('cookie save vale: ' + key + ' | ' + raw); + Cookies.set(key, raw, { domain: 'cebg.games'});
+ console.log(Cookies);
+ Cookies.set(key, raw);
+ // const local = getLocalStorage(); + // const local = getLocalStorage();
+ // if (local) { + // if (local) {
+ // local.setItem(key, raw); + // local.setItem(key, raw);

BIN
src/assets/main/card/class_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

18
src/components/index/DesktopFooter.vue
View File

@ -19,11 +19,11 @@
<div class="link-list"> <div class="link-list">
<div class="sub-list"> <div class="sub-list">
<div class="title">Product</div> <div class="title">Product</div>
<a href="/">Home</a> <a href="https://www.cebg.games/index.html">Home</a>
<a href="/gameplay/index.html">Gameplay</a> <a href="https://www.cebg.games/gameplay.html">Gameplay</a>
<a href="/tokenomic/index.html">Tokenomic</a> <a href="https://www.cebg.games/tokenomic.html">Tokenomic</a>
<a href="/nft/index.html">NFT</a> <a href="https://www.cebg.games/nft.html">NFT</a>
<a href="/market">Marketplace</a> <a href="https://mall.cebg.games/index.html">Marketplace</a>
</div> </div>
<div class="sub-list"> <div class="sub-list">
<div class="title">Resources</div> <div class="title">Resources</div>
@ -31,13 +31,13 @@
</div> </div>
<div class="sub-list"> <div class="sub-list">
<div class="title">About</div> <div class="title">About</div>
<a href="/team/index.html">Team</a> <a href="https://www.cebg.games/team.html">Team</a>
<a href="/roadmap/index.html" >Roadmap</a> <a href="https://www.cebg.games/roadmap.html" >Roadmap</a>
</div> </div>
<div class="sub-list"> <div class="sub-list">
<div class="title">Policies</div> <div class="title">Policies</div>
<a href="/terms">Terms of use</a> <a href="https://www.cebg.games/terms.html">Terms of use</a>
<a href="/privacy">Privacy Policy</a> <a href="https://www.cebg.games/privacy.html">Privacy Policy</a>
</div> </div>
<div class="sub-list"> <div class="sub-list">
<div class="title">Contact us</div> <div class="title">Contact us</div>

2
src/components/market/TopMenu.vue
View File

@ -10,7 +10,7 @@
</a> </a>
</div> </div>
<div class="header-menu"> <div class="header-menu">
<a class="menu-item" href="/"> <a class="menu-item" href="https://www.cebg.games/index.html">
<div class="item" >Home</div> <div class="item" >Home</div>
</a> </a>
<a class="menu-item" href="/mall" > <a class="menu-item" href="/mall" >

18
src/components/mobile/main/MobileFooter.vue
View File

@ -20,11 +20,11 @@
<div>Product</div> <div>Product</div>
<img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/> <img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/>
</div> </div>
<a href="/">Home</a> <a href="https://www.cebg.games/index.html">Home</a>
<a href="/gameplay/index.html">Gameplay</a> <a href="https://www.cebg.games/gameplay.html">Gameplay</a>
<a href="/tokenomic/index.html">Tokenomic</a> <a href="https://www.cebg.games/tokenomic.html">Tokenomic</a>
<a href="/nft/index.html">NFT</a> <a href="https://www.cebg.games/nft.html">NFT</a>
<a href="/market" >Marketplace</a> <a href="https://mall.cebg.games/index.html">Marketplace</a>
</div> </div>
<div class="sub-list" :class="{'close': status[1]}"> <div class="sub-list" :class="{'close': status[1]}">
<div class="title" @click="toggleSublist(1)"> <div class="title" @click="toggleSublist(1)">
@ -38,16 +38,16 @@
<div>About</div> <div>About</div>
<img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/> <img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/>
</div> </div>
<a href="/team/index.html">Team</a> <a href="https://www.cebg.games/team.html">Team</a>
<a href="/roadmap/index.html" >Roadmap</a> <a href="https://www.cebg.games/roadmap.html" >Roadmap</a>
</div> </div>
<div class="sub-list" :class="{'close': status[3]}"> <div class="sub-list" :class="{'close': status[3]}">
<div class="title" @click="toggleSublist(3)"> <div class="title" @click="toggleSublist(3)">
<div>Policies</div> <div>Policies</div>
<img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/> <img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/>
</div> </div>
<a href="/terms">Terms of use</a> <a href="https://www.cebg.games/terms.html">Terms of use</a>
<a href="/privacy">Privacy Policy</a> <a href="https://www.cebg.games/privacy.html">Privacy Policy</a>
</div> </div>
<div class="sub-list" :class="{'close': status[4]}"> <div class="sub-list" :class="{'close': status[4]}">
<div class="title" @click="toggleSublist(4)"> <div class="title" @click="toggleSublist(4)">

349
src/router/index.ts
View File

@ -1,313 +1,208 @@
import Vue from 'vue' import Vue from "vue";
import VueRouter, { RouteConfig } from 'vue-router' import VueRouter, { RouteConfig } from "vue-router";
import { AppModule, DeviceType } from '@/store/modules/app' import { AppModule, DeviceType } from "@/store/modules/app";
import { isMobile } from '@/utils/resize' import { isMobile } from "@/utils/resize";
Vue.use(VueRouter) Vue.use(VueRouter);
const mobile = isMobile() const mobile = isMobile();
if (mobile) { if (mobile) {
AppModule.ToggleDevice(DeviceType.Mobile) AppModule.ToggleDevice(DeviceType.Mobile);
} }
console.log('AppModule.device: ', AppModule.device, mobile) console.log("AppModule.device: ", AppModule.device, mobile);
const routes: Array<RouteConfig> = [ const routes: Array<RouteConfig> = [
{ {
path: '/', path: "/",
name: 'Main', name: "Market",
component: resolve => mobile ? require(['@/views/mobile/Index.vue'], resolve) : require(['@/views/desktop/Index.vue'], resolve), component: (resolve) =>
alias: '/index.html', mobile
meta: { ? require(["@/views/mobile/Market.vue"], resolve)
title: 'CEBG: CRYPTO ELITE‘S BATTLEGROUNDS', : require(["@/views/desktop/Market.vue"], resolve),
metaTags: [
{
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
},
{
name: 'keywords',
content: 'CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
}
]
}
},
{
path: '/market',
name: 'Market',
component: resolve => mobile ? require(['@/views/mobile/Market.vue'], resolve) : require(['@/views/desktop/Market.vue'], resolve),
//component: resolve => require(['@/views/desktop/Market.vue'], resolve), //component: resolve => require(['@/views/desktop/Market.vue'], resolve),
meta: { meta: {
title: 'Market | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Market | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/official', path: "/official",
name: 'Official', name: "Official",
component: resolve => require(['@/views/desktop/Official.vue'], resolve) component: (resolve) => require(["@/views/desktop/Official.vue"], resolve),
}, },
{ {
path: '/mall', path: "/mall",
name: 'Mall', name: "Mall",
component: resolve => require(['@/views/desktop/Mall.vue'], resolve), component: (resolve) => require(["@/views/desktop/Mall.vue"], resolve),
meta: { meta: {
title: 'Mall | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Mall | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/mysteryboxes', path: "/mysteryboxes",
name: 'Mystery', name: "Mystery",
component: resolve => require(['@/views/desktop/Mystery.vue'], resolve), component: (resolve) => require(["@/views/desktop/Mystery.vue"], resolve),
meta: { meta: {
title: 'Mystery Boxes | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Mystery Boxes | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/eventreward', path: "/eventreward",
name: 'EventReward', name: "EventReward",
component: resolve => require(['@/views/desktop/EventReward.vue'], resolve), component: (resolve) =>
require(["@/views/desktop/EventReward.vue"], resolve),
meta: { meta: {
title: 'Event Reward | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Event Reward | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/presale', path: "/presale",
name: 'Presale', name: "Presale",
component: resolve => require(['@/views/desktop/Presale.vue'], resolve), component: (resolve) => require(["@/views/desktop/Presale.vue"], resolve),
meta: { meta: {
title: 'Presale | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Presale | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
// beforeEnter(to, from, next) { // beforeEnter(to, from, next) {
// window.location.href = 'https://test.cebg.games/presale' // window.location.href = 'https://test.cebg.games/presale'
// } // }
}, },
{ {
path: '/mynft', path: "/mynft",
name: 'MyNft', name: "MyNft",
component: resolve => require(['@/views/desktop/MyNft.vue'], resolve), component: (resolve) => require(["@/views/desktop/MyNft.vue"], resolve),
meta: { meta: {
title: 'MyNft | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "MyNft | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/wallet', path: "/wallet",
name: 'Wallet', name: "Wallet",
component: resolve => require(['@/views/desktop/Wallet.vue'], resolve), component: (resolve) => require(["@/views/desktop/Wallet.vue"], resolve),
meta: { meta: {
title: 'Wallet | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Wallet | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/account', path: "/account",
name: 'Account', name: "Account",
component: resolve => require(['@/views/desktop/AccountSetting.vue'], resolve), component: (resolve) =>
require(["@/views/desktop/AccountSetting.vue"], resolve),
meta: { meta: {
title: 'Account | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "Account | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/item/:id', path: "/item/:id",
name: 'Item', name: "Item",
component: resolve => require(['@/views/desktop/Item.vue'], resolve), component: (resolve) => require(["@/views/desktop/Item.vue"], resolve),
meta: { meta: {
title: 'NFT Info | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS' title: "NFT Info | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS",
} },
}, },
{ {
path: '/nft', path: "/nativelogin",
name: 'Nft', name: "NativeLogin",
// component: mobile ? MobileNft : NFT, component: (resolve) =>
component: resolve => mobile ? require(['@/views/mobile/NFT.vue'], resolve) : require(['@/views/desktop/NFT.vue'], resolve), require(["@/views/mobile/NativeLogin.vue"], resolve),
alias: '/nft/index.html',
meta: { meta: {
title: 'NFT | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS', title: "NativeLogin",
metaTags: [ nofont: "true",
{ },
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
}, },
{ {
name: 'keywords', path: "/privacy",
content: 'nft, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game' name: "Privacy",
} component: (resolve) =>
] require(["@/views/desktop/PrivacyPolicy.vue"], resolve),
}
},
{
path: '/gameplay',
name: 'Gameplay',
component: resolve => mobile ? require(['@/views/mobile/Gameplay.vue'], resolve) : require(['@/views/desktop/Gameplay.vue'], resolve),
alias: '/gameplay/index.html',
meta: { meta: {
title: 'Gameplay | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS', title: "Privacy Policy of Crypto Elite's:BATTLEGROUNDS (CEBG)",
metaTags: [
{
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
}, },
{
name: 'keywords',
content: 'gameplay, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
}
]
}
}, },
{ ];
path: '/tokenomic',
name: 'Tokenomic',
component: resolve => mobile ? require(['@/views/mobile/Tokenomic.vue'], resolve) : require(['@/views/desktop/Tokenomic.vue'], resolve),
alias: '/tokenomic/index.html',
meta: {
title: 'Tokenomic | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
metaTags: [
{
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
},
{
name: 'keywords',
content: 'tokenomic, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
}
]
}
},
{
path: '/team',
name: 'Team',
component: resolve => mobile ? require(['@/views/mobile/Team.vue'], resolve) : require(['@/views/desktop/Team.vue'], resolve),
alias: '/team/index.html',
meta: {
title: 'Team | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
metaTags: [
{
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
},
{
name: 'keywords',
content: 'team, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
}
]
}
},
{
path: '/roadmap',
name: 'Roadmap',
component: resolve => mobile ? require(['@/views/mobile/Roadmap.vue'], resolve) : require(['@/views/desktop/Roadmap.vue'], resolve),
alias: '/roadmap/index.html',
meta: {
title: 'Roadmap | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
metaTags: [
{
name: 'description',
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
},
{
name: 'keywords',
content: 'roadmap, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
}
]
}
},
{
path: '/nativelogin',
name: 'NativeLogin',
component: resolve => require(['@/views/mobile/NativeLogin.vue'], resolve),
meta: {
title: 'NativeLogin',
nofont: 'true'
}
},
{
path: '/privacy',
name: 'Privacy',
component: resolve => require(['@/views/desktop/PrivacyPolicy.vue'], resolve),
meta: {
title: 'Privacy Policy of Crypto Elite\'s:BATTLEGROUNDS (CEBG)'
}
},
{
path: '/terms',
name: 'Terms',
component: resolve => require(['@/views/desktop/Terms.vue'], resolve),
meta: {
title: 'Crypto Elite\'s: BATTLEGROUNDS(CEBG) Terms of Use'
}
}
]
const router = new VueRouter({ const router = new VueRouter({
mode: 'history', mode: "history",
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes routes,
}) });
// ... // ...
const FONT_ATTRS = [ const FONT_ATTRS = [
{ {
rel: 'preconnect', rel: "preconnect",
href: 'https://fonts.googleapis.com' href: "https://fonts.googleapis.com",
}, },
{ {
rel: 'preconnect', rel: "preconnect",
href: 'https://fonts.gstatic.com', href: "https://fonts.gstatic.com",
crossorigin: '' crossorigin: "",
}, },
{ {
rel: 'stylesheet', rel: "stylesheet",
href: 'https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap' href: "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap",
} },
] ];
// This callback runs before every route change, including on page load. // This callback runs before every route change, including on page load.
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// This goes through the matched routes from last to first, finding the closest route with a title. // This goes through the matched routes from last to first, finding the closest route with a title.
// e.g., if we have `/some/deep/nested/route` and `/some`, `/deep`, and `/nested` have titles, // e.g., if we have `/some/deep/nested/route` and `/some`, `/deep`, and `/nested` have titles,
// `/nested`'s will be chosen. // `/nested`'s will be chosen.
const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta && r.meta.title) const nearestWithTitle = to.matched
.slice()
.reverse()
.find((r) => r.meta && r.meta.title);
const noFont = to.matched.slice().find(r => r.meta && r.meta.nofont) const noFont = to.matched.slice().find((r) => r.meta && r.meta.nofont);
// Find the nearest route element with meta tags. // Find the nearest route element with meta tags.
const nearestWithMeta = to.matched.slice().reverse().find(r => r.meta && r.meta.metaTags) const nearestWithMeta = to.matched
.slice()
.reverse()
.find((r) => r.meta && r.meta.metaTags);
const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags) const previousNearestWithMeta = from.matched
.slice()
.reverse()
.find((r) => r.meta && r.meta.metaTags);
// If a route with a title was found, set the document (page) title to that value. // If a route with a title was found, set the document (page) title to that value.
if (nearestWithTitle) { if (nearestWithTitle) {
document.title = nearestWithTitle.meta.title document.title = nearestWithTitle.meta.title;
} else if (previousNearestWithMeta) { } else if (previousNearestWithMeta) {
document.title = previousNearestWithMeta.meta.title document.title = previousNearestWithMeta.meta.title;
} }
// Remove any stale meta tags from the document using the key attribute we set below. // Remove any stale meta tags from the document using the key attribute we set below.
Array.from(document.querySelectorAll('[data-vue-router-controlled]')).map((el: any) => el.parentNode.removeChild(el)) Array.from(document.querySelectorAll("[data-vue-router-controlled]")).map(
const createDomToHeader = function(name: string, datas: any) { (el: any) => el.parentNode.removeChild(el)
const tag = document.createElement(name) );
const createDomToHeader = function (name: string, datas: any) {
const tag = document.createElement(name);
Object.keys(datas).forEach(key => { Object.keys(datas).forEach((key) => {
tag.setAttribute(key, datas[key]) tag.setAttribute(key, datas[key]);
}) });
// We use this to track which meta tags we create so we don't interfere with other ones. // We use this to track which meta tags we create so we don't interfere with other ones.
tag.setAttribute('data-vue-router-controlled', '') tag.setAttribute("data-vue-router-controlled", "");
return tag return tag;
} };
if (!noFont) { if (!noFont) {
FONT_ATTRS.map((tagDef: any) => { FONT_ATTRS.map((tagDef: any) => {
return createDomToHeader('link', tagDef) return createDomToHeader("link", tagDef);
}) }).forEach((tag: any) => document.head.appendChild(tag));
.forEach((tag: any) => document.head.appendChild(tag))
} }
// Skip rendering meta tags if there are none. // Skip rendering meta tags if there are none.
if (!nearestWithMeta) return next() if (!nearestWithMeta) return next();
// Turn the meta tag definitions into actual elements in the head. // Turn the meta tag definitions into actual elements in the head.
nearestWithMeta.meta.metaTags.map((tagDef: any) => { nearestWithMeta.meta.metaTags
return createDomToHeader('meta', tagDef) .map((tagDef: any) => {
return createDomToHeader("meta", tagDef);
}) })
// Add the meta tags to the document head. // Add the meta tags to the document head.
.forEach((tag: any) => document.head.appendChild(tag)) .forEach((tag: any) => document.head.appendChild(tag));
next() next();
}) });
export default router export default router;

4
src/utils/cookies.ts
View File

@ -24,9 +24,9 @@ const tokenKey = 'vue_typescript_access_token'
// export const removeItem = (key: string) => localStorage.removeItem(key) // export const removeItem = (key: string) => localStorage.removeItem(key)
export const getToken = () => Cookies.get(tokenKey) export const getToken = () => Cookies.get(tokenKey)
export const setToken = (token: string) => Cookies.set(tokenKey, token) export const setToken = (token: string) => Cookies.set(tokenKey, token, { domain: 'cebg.games'})
export const removeToken = () => Cookies.remove(tokenKey) export const removeToken = () => Cookies.remove(tokenKey)
export const getItem = (key: string) => Cookies.get(key) export const getItem = (key: string) => Cookies.get(key)
export const setItem = (key: string, val: string) => Cookies.set(key, val) export const setItem = (key: string, val: string) => Cookies.set(key, val, { domain: 'cebg.games'})
export const removeItem = (key: string) => Cookies.remove(key) export const removeItem = (key: string) => Cookies.remove(key)

40
vue.config.js
View File

@ -36,25 +36,25 @@ module.exports = {
}) })
}, },
configureWebpack(config) { configureWebpack(config) {
if (process.env.NODE_ENV === 'production') { // if (process.env.NODE_ENV === 'production') {
config.plugins.push( // config.plugins.push(
new PrerenderSPAPlugin({ // new PrerenderSPAPlugin({
indexPath: path.resolve('dist/index.html'), // indexPath: path.resolve('dist/index.html'),
staticDir: path.resolve('dist'), // staticDir: path.resolve('dist'),
routes: ['/', '/nft', '/gameplay', '/tokenomic', '/roadmap', '/team'], // routes: ['/', '/nft', '/gameplay', '/tokenomic', '/roadmap', '/team'],
renderer: new Renderer({ // renderer: new Renderer({
headless: true, // headless: true,
defaultViewport: { // defaultViewport: {
width: 1920, // width: 1920,
height: 1080 // height: 1080
} // }
}), // }),
postProcess(renderedRoute) { // postProcess(renderedRoute) {
renderedRoute.html = renderedRoute.html.replace(YOUTUBE_WIDGET_SCRIPT, '').replace(YOUTUBE_PLAYER_SCRIPT, '') // renderedRoute.html = renderedRoute.html.replace(YOUTUBE_WIDGET_SCRIPT, '').replace(YOUTUBE_PLAYER_SCRIPT, '')
return renderedRoute // return renderedRoute
} // }
}) // })
) // )
} // }
} }
} }