open-index/open-npm huggingface dataset:
npm package: @richardx/components
Description: This is my personal components library I use built on DaisyUI with react components. Feel free to use or contribute to it!
Author: Richard Xiong
Latest version: 0.4.3

# Richard X Component Library

This is my personal components library I use built on DaisyUI with react components. Feel free to use or contribute to it!

If you use tailwind (tailwind.config.js):

```js
const colors = require('tailwindcss/colors');

module.exports = {
  content: ['./node_modules/@richardx/components/dist/**/*.js'],
  theme: {
    extend: {
      colors: {
        THEME: colors.YOUR_COLOR,
      },
    },
  },
  plugins: [require('daisyui')],
};
```

Global style:

```js
import '@richardx/components/dist/styles.css';
```

If you don't:

```js
// app.tsx
import '@richardx/components/dist/tailwind.css';
```
npm package: @richdom2185/vue-latex
Description: Render LaTeX in Vue components.
Author: Richard Dominick
Latest version: 0.1.2

# vue-latex

![License](https://img.shields.io/github/license/RichDom2185/vue-latex)
[![Version](https://img.shields.io/npm/v/@richdom2185/vue-latex)](https://www.npmjs.com/package/@richdom2185/vue-latex)

Render LaTeX in Vue components.

**Note:** This package is designed for Vue 3. Vue 2 support is not tested.

## Features/Roadmap

* Render LaTeX equations in Vue components
* ~~`Latex` component for rendering LaTeX equations~~ (Coming soon!)
* ~~Choose between KaTeX and MathJax for rendering LaTeX equations~~ (Coming soon!)

## Installation

### Step 1: Install the package

```bash
npm install @richdom2185/vue-latex katex
```

Or if using yarn:

```bash
yarn add @richdom2185/vue-latex katex
```

### Step 2: Import the package

```diff js
+ import 'katex/dist/katex.min.css';
import { createApp } from 'vue';
+ import VueLatex from '@richdom2185/vue-latex';
import App from './App.vue';

const app = createApp(App);
+ app.use(VueLatex);
app.mount('#app');
```

Note that you have to import the KaTeX CSS file for your browser to render LaTeX equations correctly. [Why doesn't the package do this for me?](#why-doesnt-the-package-import-the-katex-css-file-for-me)

This sets up a few things:

* The `$latex` global method is now available in your Vue components
* ~~The `Latex` component is now globally available~~ (Coming soon!)

## Usage

Simply use the `$latex` method in your Vue components to render LaTeX equations as raw HTML.

```vue
<template>
  <p v-html="$latex('E = mc^2')" />
</template>
```

## FAQ

### Why doesn't the package import the KaTeX CSS file for me?

This is done to maximize compatibility with your existing project setup. For example, Vite by default will block some transtive assets (like fonts) from being imported from `node_modules`. By requiring you to import the CSS file yourself, you can ensure that the CSS file is being loaded correctly.