https://github.com/yukagil/vue-amp-shadow

A Vue component that takes an AMP document URL as input and renders it.
https://github.com/yukagil/vue-amp-shadow

amp javascript shadow-dom vuejs

Last synced: 5 months ago
JSON representation

A Vue component that takes an AMP document URL as input and renders it.

• Host: GitHub
• URL: https://github.com/yukagil/vue-amp-shadow
• Owner: yukagil
• License: mit
• Created: 2018-02-19T08:37:38.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-11T08:51:16.000Z (about 8 years ago)
• Last Synced: 2025-10-02T11:43:19.604Z (9 months ago)
• Topics: amp, javascript, shadow-dom, vuejs
• Language: JavaScript
• Homepage:
• Size: 21.5 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vue-amp-shadow

[![Build Status](https://travis-ci.org/yukagil/vue-amp-shadow.svg?branch=master)](https://travis-ci.org/yukagil/vue-amp-shadow)

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

# Installation

[![NPM](https://nodei.co/npm/vue-amp-shadow.png)](https://nodei.co/npm/vue-amp-shadow/)

Package is installable via NPM

```

npm install --save vue-amp-shadow

```

or via Yarn

```

yarn add vue-amp-shadow

```

# Usage

## 1. Include Shadow AMP in the \ of your page

```html

  ...

  

  ...

```

[learn more](https://www.ampproject.org/docs/guides/pwa-amp/amp-in-pwa#include-"shadow-amp"-in-your-progressive-web-app)

## 2. Mount with component

```js

import VueAmpShadow from "vue-amp-shadow";

export default {

  ...

  components: {

    VueAmpShadow

  }

  ...

};

```

```html

```