open-index/open-npm huggingface dataset:
npm package: @sunsetl77/demo
Description: This template should help get you started developing with Vue 3 in Vite.
Latest version: 1.0.1

# vueTry

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```
npm package: @sunsetlearn/sunset-editor
Description: An expressive Markdown editor with flexible HTML capabilities. The Sunset editor can be included in any project that needs an easy to use, capable text editor with Markdown syntax parsing.
Latest version: 0.2.15

# Sunset Editor

An expressive Markdown editor with flexible HTML capabilities. The Sunset editor can be included in any project that needs an easy to use, capable text editor with Markdown syntax parsing.

[Check it out on Github!](https://github.com/Sunset-Studios/SunsetEditor)

### Installation

The Sunset Editor is currently only available for Vue.js projects as a Vue component. To get started, install the Sunset editor package with npm.

```bash
npm install --save @sunsetlearn/sunset-editor
```

### Usage

You can use the `SunsetEditor` component within any other Vue component in your project. Custom element is coming soon in order to support any framework (or simple vanilla JS).

```javascript
<script setup lang="ts">
import { SunsetEditor } from 'sunset-editor'
</script>

<template>
  <div class="top">
    <SunsetEditor :start_with_editing_enabled="true"
    />
  </div>
</template>

<style scoped>
</style>
```

### API

Take a look at the `sunset-editor-test` project to see how most of these properties and functions come together when hooking up the Sunset editor into your Vue application.

#### Component Properties

* `asset_endpoint`: A string with the base path for assets referenced by asset-based components, such as the adjustable image and adjustable video components.
* `start_with_editing_enabled`: Whether the Sunset editor should start in edit mode on startup.
* `stylesheet_string`: A string with stylesheet overrides for any elements within the Sunset editor.

#### Component Events

* `componentmodified`: Fired whenever the content is modified, either through the component palette or regular keystrokes.

#### Component Methods

* `export_document_string()`: Exports all contents of the Sunset editor as a single string, to be saved to a file or processed externally.
* `import_document_string(doc: string)`: Imports the contents of an exported Markdown document into the Sunset editor and applies all formatting and transformations.

#### Free Functions

* `register_editor_components(app)`: For Vue.js applications, this function must be called with the app instance as a parameter before mounting the app. This will register all internal Sunset editor components with your Vue application.
* `start_editing()`: Puts the Sunset editor into editing mode.
* `stop_editing()`: Puts the Sunset editor into read-only mode.