open-index/open-npm huggingface dataset:
npm package: @makesites/backbone.app
Description: An app object for the client, using common conventions for Backbone.js
Author: makesites
Latest version: 1.0.0

## Backbone APP()

An app object for the client, using common conventions for Backbone.js

The main purpose for this lib is to relieve you from setting up backbone.js on a  low level - allowing you to focus on the things that are unique in your product.

Among others is contains a collection of "fixes" to common solutions and provides a solid foundation to start off developing!


## Features

The APP() includes methods that connect it to:

* Template class
* External html fragments
* Layouts
* Automated Session (with plugin)
* Data Cache (with plugin)
* Phonegap

Also encapsulates a number of snippets, like:

* [Backbone Easing](https://github.com/makesites/backbone-easing)
* [Backbone Extender](https://gist.github.com/tracend/5425415)
* [Backbone.Ready](https://gist.github.com/tracend/5617079)
* [Backbone.Analytics](https://github.com/kendagriff/backbone.analytics)
* [Backbone States](https://github.com/makesites/backbone-states)


## Install

Using npm:

```
npm install @makesites/backbone.app
```

Direct download:  [https://github.com/makesites/backbone-app/archive/master.zip](https://github.com/makesites/backbone-app/archive/master.zip)

Find the compilled library in the "build/" folder. Choose between the uncompressed and comment annotated **backbone.app.js** and the minified **backbone.app-min.js**


## Build

To build the library simply load the npm dependencies and execute the **build.js** with node:
```
npm install
node build.js
```

The build script will combine the contents of the "lib/" folder and output the compiled library in the "build/" folder.


## Credits

Initiated by Makis Tracend ( [@tracend](http://github.com/tracend) )

Distributed through [Makesites.org](http://makesites.org/)


## License

Released under the [Apache License v2.0](http://www.makesites.org/licenses/APACHE-2.0)
npm package: @makestory/vue-helper
Description: ## countdown-helper
Latest version: 0.0.1

# Vue 개발을 도와주는 Helper

## countdown-helper

카운트다운 컴포넌트

Example

```vue
<template>
  <div>
    <countdown-helper
      :targetTimestamp="targetTimestamp"
      v-slot="{ days, hours, minutes, seconds }"
    >
      Time Remaining：{{ days }} days, {{ hours }} hours, {{ minutes }} minutes,
      {{ seconds }} seconds.</countdown-helper
    >
  </div>
</template>
<script>
import { CountdownHelper } from '@makestory/vue-helper/index';

export default {
  name: 'Countdown',
  components: {
    CountdownHelper,
  },
  props: {
    serverTimestamp: {
      type: Number,
      default: Date.now(),
    },
    targetTimestamp: {
      type: Number,
      default: Date.now(),
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {
    $props: {
      deep: true,
      immediate: true,
      handler() {},
    },
  },
  created() {},
  mounted() {},
  beforeUnmount() {},
  methods: {
    transformSlotProps(props) {
      const formattedProps = {};

      Object.entries(props).forEach(([key, value]) => {
        formattedProps[key] = value < 10 ? `0${value}` : String(value);
      });

      return formattedProps;
    },
  },
};
</script>

<style lang="scss" scoped></style>
```