v1.0.1

⚠️ Breaking changes

• Now you can import and use components without extending it with any UI library like what vue-yoast-bootstrap already did.

<template>
  <div>
    <snippet-preview
      :title="metaTitle"
      :description="metaDescription"
      :url="url"
      baseUrl="https://my-site.com/"
      @update:titleWidth="(value) => titleWidth = value"
      @update:titleLengthPercent="(value) => titleLengthPercent = value"
      @update:descriptionLengthPercent="(value) => descriptionLengthPercent = value" />
  </div>
</template>

<script>
import { SnippetPreview, ContentAssessor, SeoAssessor } from 'vue-yoast'
import 'vue-yoast/dist/vue-yoast.css'
export default {
  components: {
    ContentAssessor,
    SeoAssessor,
    SnippetPreview
  },
  data () {
    return {
      metaTitle: 'Hello!',
      metaDescription: 'The short description',
      url: 'page/1',
      description: '<h2>Here is subtitle!</h2> and some contents in HTML',
      titleWidth: 0,
      titleLengthPercent: 0,
      descriptionLengthPercent: 0
    }
  }  
}
</script>

• [fix] Initial value for titleWidth property on <SnippetPreview> component #2
• [update] vue@2.5.17
• [update] yoastseo@1.91.0