Skip to content

Instantly share code, notes, and snippets.

View dontpaniclabsgists's full-sized avatar

Don't Panic Labs dontpaniclabsgists

View GitHub Profile
<script setup lang="ts">
import { CustomButton } from 'component.library';
defineProps<{ msg: string }>()
const count = ref(0)
</script>
<CustomButton text="Custom Button Text" />
import { CustomButton } from 'component.library';
export default defineComponent({
components: {
CustomButton
},
<CustomButton text="Click me" />
{
"name": "component.library",
"private": true,
"version": "0.0.0",
"description": "A component library",
"type": "module",
"main": "./dist/FileNameInDist.umd.cjs",
"module": "./dist/FileNameInDist.js",
"types": "./dist/index.d.ts",
"exports": {
change Dependencies to peerDependencies "peerDependencies": {
"vue": "^3.5.13"
},
"main": "./dist/FileNameInDist.umd.js",
"module": "./dist/FileNameInDist.js",
"types": "./dist/index.d.ts",
"exports": {
".": {
"import": "./dist/FileNameInDist.js",
"require": "./dist/FileNameInDist.umd.js"
}
},
"files": [
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { resolve } from "node:path";
import dts from "vite-plugin-dts";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), dts({ tsconfigPath: './tsconfig.app.json' })],
build: {
lib: {
import CustomButton from "./components/CustomButton.vue";
export { CustomButton };
<template>
<button class="custom-button">
{{ props.text }}
</button>
</template>
<script setup lang="ts">
const props = defineProps<{
text: string;
}>();
var builder = WebApplication.CreateBuilder(args);
// Add services to the container.
builder.Services.AddControllers();
// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();
// Configure CORS