Giter Site home page Giter Site logo

vue-flip-clock's Introduction

Vue Flip Clock

.github/workflows/npm.yml npm

screenshot

It's a simple Vue component that displays a flip clock.

Demo

Edit vue-flip-clock

How-to

Install package using npm:

npm i @hatamiarash7/vue-flip-clock --save

Add package to your Vue project:

import Clock from "@hatamiarash7/vue-flip-clock";
import "@hatamiarash7/vue-flip-clock/dist/vue-flip-clock.css";

Vue.component("flip-clock", Clock);

You can use Vue.use() or Vue.component() to add the component to your Vue project.

Use component in your Vue template:

<template>
  ...
  <flip-clock innerColor="#2980b9" />
  ...
</template>

Support ๐Ÿ’›

Donate with Bitcoin Donate with Ethereum

ko-fi

Contributing ๐Ÿค

Don't be shy and reach out to us if you want to contribute ๐Ÿ˜‰

  1. Fork it !
  2. Create your feature branch : git checkout -b my-new-feature
  3. Commit your changes : git commit -am 'Add some feature'
  4. Push to the branch : git push origin my-new-feature
  5. Submit a pull request

Issues

Each project may have many problems. Contributing to the better development of this project by reporting them. ๐Ÿ‘

vue-flip-clock's People

Contributors

dependabot[bot] avatar depfu[bot] avatar hatamiarash7 avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue-flip-clock's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

  • Update vue monorepo to v2.7.16 (vue, vue-template-compiler)
  • Update dependency eslint to v8.57.0
  • Update dependency eslint-config-prettier to v8.10.0
  • Update dependency eslint-plugin-vue to v9.25.0
  • Update actions/checkout action to v4
  • Update actions/setup-node action to v4
  • Update dependency eslint to v9
  • Update dependency eslint-config-prettier to v9
  • Update dependency rollup to v4
  • ๐Ÿ” Create all rate-limited PRs at once ๐Ÿ”

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions
.github/workflows/npm.yml
  • styfle/cancel-workflow-action 0.10.0
  • actions/checkout v3
  • actions/setup-node v3
  • actions/setup-node v3
npm
package.json
  • core-js 3.31.1
  • vue 2.7.14
  • @babel/core 7.22.8
  • @babel/eslint-parser 7.22.7
  • @vue/cli-plugin-babel 5.0.8
  • @vue/cli-plugin-eslint 5.0.8
  • @vue/cli-service 5.0.8
  • eslint 8.44.0
  • eslint-config-prettier 8.8.0
  • eslint-plugin-prettier 4.2.1
  • eslint-plugin-vue 9.15.1
  • prettier 2.8.8
  • rollup 2.78.1
  • rollup-plugin-buble 0.19.8
  • rollup-plugin-commonjs 10.1.0
  • rollup-plugin-css-only 3.1.0
  • rollup-plugin-node-resolve 5.2.0
  • rollup-plugin-replace 2.2.0
  • rollup-plugin-terser 5.3.1
  • rollup-plugin-vue 5.1.9
  • vue-template-compiler 2.7.14

  • Check this box to trigger a request for Renovate to run again on this repository

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.