Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@revolugo/elements-vue
Advanced tools
Readme
@revolugo/elements-vue provides a set of Vue.js 2 components wrapping the Official Revolugo Elements.
Revolugo Elements is a complete and ready-to-use library of UI components providing everything you need to build a seamless accommodation booking experience for your customers. It brings together industry state-of-the-art building blocks to integrate accommodation products in your ticket selling/registering funnel .
Revolugo Elements Components are tightly connected to Revolugo Booking API.
Revolugo Booking API is the official RESTful API from Revolugo exposing all the necessary endpoints in order to perform each step required to make a complete accommodation booking flow based on Revolugo large accommodation inventory anywhere in the world, from price/availability checking to booking confirmation.
We strongly encourage users of Revolugo Elements to read the Revolugo Booking API documentation in order to have a deeper understanding of Revolugo booking flow : https://booking-api.revolugo.com/v1/documentation which we are going to discuss further in this documentation, within the scope of the use of Revolugo Elements library.
Using NPM:
npm install -S @revolugo/elements-vue
Using Yarn:
yarn add -S @revolugo/elements-vue
Using PNPM:
pnpm add -P @revolugo/elements-vue
You need an API Key. Reach out to us to get one: contact@revolugo.com
Initialize the plugin in your main.js
:
import Vue from 'vue'
import RevolugoElementsPlugin from '@revolugo/elements-vue'
import App from './App.vue'
const pluginConfigurationOptions = {
apiEnvironment: 'LIVE',
apiKey: [YOUR_API_KEY],
currency: 'EUR',
installComponents: false,
lang: 'fr-FR',
theme: { primary: '#009688' },
}
Vue.use(RevolugoElementsPlugin, pluginConfigurationOptions)
new Vue({
render (h) {
return h(App)
},
})
.$mount('#app')
<template>
<revolugo-vue-hotel-offer-list
address=""
:adultCount="1"
checkInDate="${dayjs().add(1, 'day').format('YYYY-MM-DD')}"
checkOutDate="${dayjs().add(3, 'day').format('YYYY-MM-DD')}"
:latitude="48.8508305"
:longitude="2.2844643"
:roomCount="1"
sourceMarket="FR"
:spacing="12"
:hotelRoomOffersLimit="6"
/>
</template>
<script>
import { components } from '@revolugo/elements-vue'
const { RevolugoVueHotelOfferList } = components
export default {
name: 'App',
components: {
RevolugoVueHotelOfferList,
},
}
</script>
Name | Type | Requirement | Default | Description |
---|---|---|---|---|
apiEnvironment | string | Optional | LIVE | The Revolugo environment to use. Valid values: LIVE , SANDBOX |
apiKey | string | Required | undefined | Your Revolugo Publishable API Key. 🛑 Make sure to put your Publishable API key here. Do not put your Secret API key, it would be exposed publicly. Secret API key is supposed to be used exclusively for server-side calls. |
currency | string | Required | undefined | The currency you need to display prices in. |
installComponents | boolean | Required | false | If you want to manually install components, e.g. import { RevolugoVueHotelOfferList } from '@revolugo/elements-vue' then set installComponents to 'false'. If you want to automatically install all the components this property must be set to 'true' |
lang | string | Optional | en-US | The language used in components. Valid values: en-US , fr-FR |
theme | object | Optional | { | Color theme for the components. All keys are optional |
FAQs
Revolugo Elements UI library - Vue.js Wrapper
The npm package @revolugo/elements-vue receives a total of 1 weekly downloads. As such, @revolugo/elements-vue popularity was classified as not popular.
We found that @revolugo/elements-vue demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.