mirrors/vue-meta
2
0
Fork 0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-06-24 10:11:30 +03:00
Code Activity

feat: append tag into body

Browse Source
This commit is contained in:
Clark Du
2017-11-02 20:53:25 +08:00
parent 1813a8e2d0
commit 8602d5060c
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/updateClientMetaInfo.js
+3 -1
View File
@@ -42,7 +42,9 @@ export default function _updateClientMetaInfo (options = {}) {
break break
// catch-all update tags // catch-all update tags
default: default:
const { oldTags, newTags } = updateTags(options)(key, newInfo[key], document.getElementsByTagName('head')[0]) const headTag = document.getElementsByTagName('head')[0]
const bodyTag = document.getElementsByTagName('body')[0]
const { oldTags, newTags } = updateTags(options)(key, newInfo[key], headTag, bodyTag)
if (newTags.length) { if (newTags.length) {
addedTags[key] = newTags addedTags[key] = newTags
removedTags[key] = oldTags removedTags[key] = oldTags
src/client/updaters/updateTags.js
+10 -4
View File
@@ -5,15 +5,15 @@ export default function _updateTags (options = {}) {
const { attribute } = options const { attribute } = options
/** /**
* Updates meta tags inside <head> on the client. Borrowed from `react-helmet`: * Updates meta tags inside <head> and <body> on the client. Borrowed from `react-helmet`:
* https://github.com/nfl/react-helmet/blob/004d448f8de5f823d10f838b02317521180f34da/src/Helmet.js#L195-L245 * https://github.com/nfl/react-helmet/blob/004d448f8de5f823d10f838b02317521180f34da/src/Helmet.js#L195-L245
* *
* @param {('meta'|'base'|'link'|'style'|'script'|'noscript')} type - the name of the tag * @param {('meta'|'base'|'link'|'style'|'script'|'noscript')} type - the name of the tag
* @param {(Array<Object>|Object)} tags - an array of tag objects or a single object in case of base * @param {(Array<Object>|Object)} tags - an array of tag objects or a single object in case of base
* @return {Object} - a representation of what tags changed * @return {Object} - a representation of what tags changed
*/ */
return function updateTags (type, tags, headTag) { return function updateTags (type, tags, headTag, bodyTag) {
const nodes = headTag.querySelectorAll(`${type}[${attribute}]`) const nodes = document.querySelectorAll(`${type}[${attribute}]`)
const oldTags = toArray(nodes) const oldTags = toArray(nodes)
const newTags = [] const newTags = []
let indexToDelete let indexToDelete
@@ -72,7 +72,13 @@ export default function _updateTags (options = {}) {
} }
oldTags.forEach((tag) => tag.parentNode.removeChild(tag)) oldTags.forEach((tag) => tag.parentNode.removeChild(tag))
newTags.forEach((tag) => headTag.appendChild(tag)) newTags.forEach((tag) => {
if (tag.inBody === true) {
bodyTag.appendChild(tag)
} else {
headTag.appendChild(tag)
}
})
return { oldTags, newTags } return { oldTags, newTags }
} }
src/server/generators/tagGenerator.js
+2 -1
View File
@@ -10,9 +10,10 @@ export default function _tagGenerator (options = {}) {
*/ */
return function tagGenerator (type, tags) { return function tagGenerator (type, tags) {
return { return {
text () { text ({inBody = false} = {}) {
// build a string containing all tags of this type // build a string containing all tags of this type
return tags.reduce((tagsStr, tag) => { return tags.reduce((tagsStr, tag) => {
if (!!tag.inBody !== inBody) return tagsStr
// build a string containing all attributes of this tag // build a string containing all attributes of this tag
const attrs = Object.keys(tag).reduce((attrsStr, attr) => { const attrs = Object.keys(tag).reduce((attrsStr, attr) => {
switch (attr) { switch (attr) {