vue-headful - Set document title and meta tags with Vue.js

  •        191

vue-headful allows to set the title and several meta tags of your document from any Vue.js view. vue-headful is a tiny wrapper around Headful, a generic library to set meta tags with JavaScript. If there are any other head properties or attributes you want to set, you can use html (for arbitrary elements in the whole document) or head (for elements within ) as follows. The selectors can be any valid CSS selector.

https://github.com/troxler/vue-headful

Dependencies:

headful : ^1.0.3

Tags
Implementation
License
Platform

   




Related Projects

vue-head - Manager the meta information of the head tag, a simple and easy way

  •    Javascript

If you'd like to set default custom title options on every component you can pass options to VueHead when you're registering it for Vue, just like in example below.

vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.

  •    Javascript

vue-meta is a Vue 2.0 plugin that allows you to manage your app's meta information, much like react-helmet does for React. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the metaInfo property. These properties, when set on a deeply nested component, will cleverly overwrite their parent components' metaInfo, thereby enabling custom info for each top-level view as well as coupling meta info directly to deeply nested subcomponents for more maintainable code.

django-meta - Pluggable app to allow Django developers to quickly add meta tags and OpenGraph, Twitter, and Google Plus properties to their HTML responses

  •    Python

This pluggable app allows Django developers to quickly add meta tags and OpenGraph, Twitter, and Google Plus properties to their HTML responses. django-meta is now maintained by Nephila on github. Old bitbucket repository won't be updated anymore.

meta-tags - Search Engine Optimization (SEO) for Ruby on Rails applications.

  •    Ruby

Search Engine Optimization (SEO) plugin for Ruby on Rails applications. MetaTags master branch fully supports Ruby on Rails 4.2+, and is tested against all major Rails releases up to 5.1.


vue-design-system - An open source tool for building UI Design Systems with Vue.js

  •    Javascript

Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

vue-inspector - Vue.js Inspector for Mobile Devices

  •    Javascript

vue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.

react-helmet - A document head manager for React

  •    Javascript

This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly.

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...

vue-datasource - A vue.js component to create dynamic tables

  •    Javascript

[WIP] Vue Datasource go back renew. Coming soon V3. A Vue.js component to create dynamic tables. Compatible with Vue 2.x and Laravel.

vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

VueCnodeJS - Vue2.x 初/中级项目,CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO):

  •    Vue

这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...

vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from cameras.

  •    Javascript

A Vue.js 2 component, accessing the device camera and allowing users to read QR codes, within the browser. Once a stream from the users camera is loaded, it is displayed and continuously scanned for QR codes. Results are indicated by the decode event. This also accounts for decoded images drag-and-dropped in the area the component occupies.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.