fix: remove vue-meta, place meta tags directly in index.html

This commit is contained in:
Sebin Nyshkim 2020-04-24 12:56:48 +02:00
parent a7c038de43
commit 505c95364d
6 changed files with 18 additions and 90 deletions

17
package-lock.json generated
View file

@ -1,6 +1,6 @@
{ {
"name": "sebin-reference", "name": "sebin-reference",
"version": "0.2.3", "version": "0.2.5",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {
@ -11765,21 +11765,6 @@
} }
} }
}, },
"vue-meta": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.3.3.tgz",
"integrity": "sha512-FmeekLkd5+BI7NFBnU4bEnTpVZqmu3q8ztW4R4U3GBQljgDM7QAuwMXs8/aJP0U1tjtxobX8T6HcyZXimGj1DQ==",
"requires": {
"deepmerge": "^4.2.2"
},
"dependencies": {
"deepmerge": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
"integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
}
}
},
"vue-style-loader": { "vue-style-loader": {
"version": "4.1.2", "version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",

View file

@ -1,6 +1,6 @@
{ {
"name": "sebin-reference", "name": "sebin-reference",
"version": "0.2.4", "version": "0.2.5",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
@ -9,8 +9,7 @@
}, },
"dependencies": { "dependencies": {
"core-js": "^3.6.4", "core-js": "^3.6.4",
"vue": "^2.6.11", "vue": "^2.6.11"
"vue-meta": "^2.3.3"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^4.2.3", "@vue/cli-plugin-babel": "^4.2.3",

View file

@ -4,6 +4,20 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Sebin Nyshkim - Reference Page</title>
<link rel="favicon" href="/img/sebin-smug-icon.png" type="image/png">
<link rel="icon" href="/img/sebin-smug-icon.png" type="image/png">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@SebinNyshkim">
<meta name="twitter:description" content="Learn everything about your favorite neighborhood derg, down to the minute details!">
<meta name="twitter:text:title" content="Sebin Nyshkim - Reference Page">
<meta name="twitter:image" content="https://ref.sebin-nyshkim.net/img/sebin-smug-icon.png">
<meta name="og:title" content="Sebin Nyshkim - Reference Page">
<meta name="og:type" content="website">
<meta name="og:url" content="https://ref.sebin-nyshkim.net">
<meta name="og:image" content="https://ref.sebin-nyshkim.net/img/sebin-smug-icon.png">
<meta name="og:description" content="Learn everything about your favorite neighborhood derg, down to the minute details!">
</head> </head>
<body> <body>
<noscript> <noscript>

View file

@ -382,18 +382,7 @@ export default {
nsfw: false nsfw: false
}; };
}, },
mixins: [Sebin, Helper], mixins: [Sebin, Helper]
metaInfo: {
title: "Sebin Nyshkim - Reference Page",
link: [
{ rel: "favicon", href: "/img/sebin-smug-icon.png" },
{ rel: "icon", href: "/img/sebin-smug-icon.png" }
],
meta: Helper.methods.getMetaTags(),
htmlAttrs: {
lang: "en"
}
}
}; };
</script> </script>

View file

@ -1,11 +1,8 @@
import Vue from "vue"; import Vue from "vue";
import Meta from "vue-meta";
import App from "./App.vue"; import App from "./App.vue";
Vue.config.productionTip = false; Vue.config.productionTip = false;
Vue.use(Meta);
new Vue({ new Vue({
render: h => h(App) render: h => h(App)
}).$mount("#app"); }).$mount("#app");

View file

@ -43,62 +43,6 @@ export default {
return [warm, cold, workout, lazy]; return [warm, cold, workout, lazy];
}, },
getMetaTags() {
let charset = "utf-8";
let title = "Sebin Nyshkim - Reference Page";
let description =
"Learn everything about your favorite neighborhood derg, down to the minute details!";
let image = "https://ref.sebin-nyshkim.net/img/sebin-smug-icon.png";
let twitterCard = [
{
name: "twitter:card",
content: "summary"
},
{
name: "twitter:creator",
content: "@SebinNyshkim"
},
{
name: "twitter:description",
content: description
},
{
name: "twitter:title",
content: title
},
{
name: "twitter:image",
content: image
}
];
let openGraph = [
{
property: "og:title",
content: title
},
{
property: "og:type",
content: "website"
},
{
property: "og:url",
content: "https://ref.sebin-nyshkim.net"
},
{
property: "og:image",
content: image
},
{
property: "og:description",
content: description
}
];
return [{ charset }, ...twitterCard, ...openGraph];
},
getKittens(count) { getKittens(count) {
let kittens = []; let kittens = [];