Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thombruce/tnt-old
🧨 A dynamite component library for Nuxt.js
https://github.com/thombruce/tnt-old
tailwindcss
Last synced: 20 days ago
JSON representation
🧨 A dynamite component library for Nuxt.js
- Host: GitHub
- URL: https://github.com/thombruce/tnt-old
- Owner: thombruce
- License: mit
- Created: 2021-06-02T22:41:15.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-27T22:41:32.000Z (about 3 years ago)
- Last Synced: 2024-11-11T21:23:55.442Z (2 months ago)
- Topics: tailwindcss
- Language: Vue
- Homepage: https://thombruce.github.io/tnt
- Size: 7.87 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TNT
## Features
TNT is a Nuxt component library that comes with:
- [Nuxt Image](https://image.nuxtjs.org/)
- [Pug](https://pugjs.org/api/getting-started.html)
- [Tailwind CSS](https://tailwindcss.com/) + [Tailwind CSS Forms](https://github.com/tailwindlabs/tailwindcss-forms)
- [DaisyUI](https://daisyui.com/) + [Theme Change](https://github.com/saadeghi/theme-change)
- [PostCSS](https://postcss.org/)
- [Font Awesome](https://fontawesome.com/)
- [Simple Icons](https://simpleicons.org/)
- [Lodash](https://lodash.com/)
- [Nuxt Taxonomies](https://github.com/thombruce/nuxt-taxonomies)
These are used to create a base set of components and plugins for my Nuxt projects.
> **What does TNT stand for?**
> When I conceived of the name, it was just "Thom's Nuxt Template".
> As the project has evolved, I've moved away from calling it that.
> It's just TNT to me.
## Installation
### Vue CLI
Add TNT to your project and run the initializer:
```sh
vue add @thombruce/tnt
```
### Nuxt
Add TNT to your project:
```sh
yarn add --dev @thombruce/nuxt-tnt
```
Add TNT to buildModules in `nuxt.config.js`:
```js
buildModules: [
'@thombruce/nuxt-tnt'
]
```
## Overwrite Default Styles
Create a CSS file at `assets/css/tnt.css` and import `@thombruce/tnt`:
```css
@import "@thombruce/tnt";
/* Declare your styles or local imports here. */
```
TNT comes with Tailwind CSS and PostCSS; you can count on both of them working for this file and its imports. And of course, you can just write plain old CSS.
You can also configure `tailwind.config.js` following their docs. Apart from the `tnt.css` file, it's just like any other Tailwind installation.
## Development
This project uses Yarn Workspaces and Lerna in development.
### Publishing
```sh
lerna build
lerna publish
```