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",
"version": "0.2.3",
"version": "0.2.5",
"lockfileVersion": 1,
"requires": true,
"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": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",

View file

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

View file

@ -4,6 +4,20 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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>
<body>
<noscript>

View file

@ -382,18 +382,7 @@ export default {
nsfw: false
};
},
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"
}
}
mixins: [Sebin, Helper]
};
</script>

View file

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

View file

@ -43,62 +43,6 @@ export default {
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) {
let kittens = [];