{"id":13806367,"url":"https://github.com/himynameisdave/svelte-copyright","last_synced_at":"2025-07-26T22:33:29.998Z","repository":{"id":40763424,"uuid":"267931191","full_name":"himynameisdave/svelte-copyright","owner":"himynameisdave","description":"© A Svelte component to format and display a copyright notice.","archived":false,"fork":false,"pushed_at":"2024-02-18T17:50:27.000Z","size":1478,"stargazers_count":18,"open_issues_count":7,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-10T03:51:21.828Z","etag":null,"topics":["copyright","svelte","svelte-component","svelte-copyright","ui-component"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/himynameisdave.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-29T18:46:37.000Z","updated_at":"2025-02-26T10:07:17.000Z","dependencies_parsed_at":"2023-02-18T05:30:46.594Z","dependency_job_id":"1cdc9c40-6fca-44de-95e9-0c29585d48bd","html_url":"https://github.com/himynameisdave/svelte-copyright","commit_stats":{"total_commits":38,"total_committers":3,"mean_commits":"12.666666666666666","dds":0.3421052631578947,"last_synced_commit":"c07436c7dd065292973c03c1d779db2aa71ee0f8"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/himynameisdave%2Fsvelte-copyright","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/himynameisdave%2Fsvelte-copyright/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/himynameisdave%2Fsvelte-copyright/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/himynameisdave%2Fsvelte-copyright/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/himynameisdave","download_url":"https://codeload.github.com/himynameisdave/svelte-copyright/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248805741,"owners_count":21164381,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["copyright","svelte","svelte-component","svelte-copyright","ui-component"],"created_at":"2024-08-04T01:01:10.930Z","updated_at":"2025-04-14T01:24:39.998Z","avatar_url":"https://github.com/himynameisdave.png","language":"TypeScript","funding_links":[],"categories":["UI Components"],"sub_categories":["Miscellaneous"],"readme":"\u003cdiv align=\"center\" margin=\"0 auto 20px\"\u003e\n  \u003ch1\u003esvelte-copyright\u003c/h1\u003e\n  \u003cp style=\"font-style: italic;\"\u003e© A Svelte component to format and display a copyright notice.\u003c/p\u003e\n  \u003cdiv\u003e\n    \u003ca href='https://github.com/himynameisdave/svelte-copyright/actions?query=workflow%3Atest+branch%3Amain'\u003e\n      \u003cimg src=\"https://github.com/himynameisdave/svelte-copyright/workflows/test/badge.svg\" alt=\"GitHub Actions - Test Workflow Badge\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://packagephobia.now.sh/result?p=svelte-copyright\"\u003e\n        \u003cimg src=\"https://packagephobia.now.sh/badge?p=svelte-copyright\" alt=\"Install size\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://bundlephobia.com/result?p=svelte-copyright\"\u003e\n        \u003cimg src=\"https://img.shields.io/bundlephobia/min/svelte-copyright.svg\" alt=\"Bundle size (minified)\" /\u003e\n    \u003c/a\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n---\n\nA [Svelte](https://svelte.dev/) component to format and display a copyright notice.\n\n[**Try me on CodeSandbox!**](https://codesandbox.io/s/svelte-copyright-x0ibp)\n\n### Installation\n\nThis package is available on NPM, and you can install it with `npm` or `yarn`:\n\n```\nnpm install -D svelte-copyright\n\nyarn add -D svelte-copyright\n```\n\nNote that it only needs to be installed as a devDependency, like `svelte` itself.\n\n### Usage\n\nImport the `Copyright` component and use it in your Svelte project.\n\n```svelte\n\u003cscript\u003e\n  import Copyright from 'svelte-copyright';\n\u003c/script\u003e\n\n\u003cfooter\u003e\n  \u003cCopyright\u003e\n    Dave Lunny\n  \u003c/Copyright\u003e\n\u003c/footer\u003e\n```\n\nThis will output HTML which looks something like this:\n\n```html\n\u003cfooter\u003e\n  \u003cspan\u003e© Copyright 2023 Dave Lunny\u003c/span\u003e\n\u003c/footer\u003e\n```\n\n#### Props\n\nAll props are optional (as they all have default values).\n\n**Prop** | **Possible Values** | **Default Value** | **Description**\n---|---|---|---\n`date` | [RFC2822/ISO8601](https://tools.ietf.org/html/rfc2822#page-14) date string | `new Date()` | Date for the copyright year.\n`format` | `'numeric'` \\| `'2-digit'` | `'numeric'` | Format for the copyright year.\n`position` | `'pre'` \\| `'post'`  | `'pre'` | Position of the Copyright relative to the contents you provide.\n`showRange` | `true` \\| `false`  | `false` | If true, displays a range from the `date` prop to the current year (ie: '2010 - 2020').\n\n**Additional Props**\n\nNote that any additonal props will be spread onto the component. This allows you to do things like provide a custom `class` name to your component.\n\n```svelte\n\u003cCopyright class=\"custom-copyright\"\u003e\n  Dave Lunny\n\u003c/Copyright\u003e\n\n\u003cstyle\u003e\n  :global(.custom-copyright) {\n    color: lime;\n  }\n\u003c/style\u003e\n```\n\n### Contributing\n\nFeel free to [file an issue](https://github.com/himynameisdave/svelte-copyright/issues/new) or open a pull request. Ensure that you add tests for any new functionality.\n\n### Inspiration\n\nThis was inspired by [`react-copyright`](https://github.com/jasonbellamy/react-copyright) by [Jason Bellamy](https://github.com/jasonbellamy).\n\n---\n\n_✌️ Built by [Dave Lunny](http://himynameisdave.com)._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhimynameisdave%2Fsvelte-copyright","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhimynameisdave%2Fsvelte-copyright","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhimynameisdave%2Fsvelte-copyright/lists"}