mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-06 06:17:11 -04:00
73 lines
2.6 KiB
JavaScript
73 lines
2.6 KiB
JavaScript
![]() |
import { a as __unplugin_components_0 } from './chunk-6003391e.js';
|
||
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
||
|
import { defineComponent, ref, computed, unref, isRef, withCtx, createTextVNode, useSSRContext } from 'vue';
|
||
|
import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
|
||
|
import slugify from '@sindresorhus/slugify';
|
||
|
import { w as withDefaultOnError } from './chunk-f1b4cc24.js';
|
||
|
import { u as useCopy } from './chunk-77c5cc16.js';
|
||
|
import '@vueuse/core';
|
||
|
import 'pinia';
|
||
|
import './chunk-11f44f81.js';
|
||
|
import './chunk-35c3d701.js';
|
||
|
import 'lodash';
|
||
|
import 'naive-ui';
|
||
|
|
||
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
|
__name: "slugify-string",
|
||
|
__ssrInlineRender: true,
|
||
|
setup(__props) {
|
||
|
const input = ref("");
|
||
|
const slug = computed(() => withDefaultOnError(() => slugify(input.value), ""));
|
||
|
const { copy } = useCopy({ source: slug, text: "Slug copied to clipboard" });
|
||
|
return (_ctx, _push, _parent, _attrs) => {
|
||
|
const _component_c_input_text = __unplugin_components_3;
|
||
|
const _component_c_button = __unplugin_components_0;
|
||
|
_push(`<div${ssrRenderAttrs(_attrs)}>`);
|
||
|
_push(ssrRenderComponent(_component_c_input_text, {
|
||
|
value: unref(input),
|
||
|
"onUpdate:value": ($event) => isRef(input) ? input.value = $event : null,
|
||
|
multiline: "",
|
||
|
placeholder: "Put your string here (ex: My file path)",
|
||
|
label: "Your string to slugify",
|
||
|
autofocus: "",
|
||
|
"raw-text": "",
|
||
|
"mb-5": ""
|
||
|
}, null, _parent));
|
||
|
_push(ssrRenderComponent(_component_c_input_text, {
|
||
|
value: unref(slug),
|
||
|
multiline: "",
|
||
|
readonly: "",
|
||
|
placeholder: "You slug will be generated here (ex: my-file-path)",
|
||
|
label: "Your slug",
|
||
|
"mb-5": ""
|
||
|
}, null, _parent));
|
||
|
_push(`<div flex justify-center>`);
|
||
|
_push(ssrRenderComponent(_component_c_button, {
|
||
|
disabled: unref(slug).length === 0,
|
||
|
onClick: ($event) => unref(copy)()
|
||
|
}, {
|
||
|
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
|
if (_push2) {
|
||
|
_push2(` Copy slug `);
|
||
|
} else {
|
||
|
return [
|
||
|
createTextVNode(" Copy slug ")
|
||
|
];
|
||
|
}
|
||
|
}),
|
||
|
_: 1
|
||
|
}, _parent));
|
||
|
_push(`</div></div>`);
|
||
|
};
|
||
|
}
|
||
|
});
|
||
|
|
||
|
const _sfc_setup = _sfc_main.setup;
|
||
|
_sfc_main.setup = (props, ctx) => {
|
||
|
const ssrContext = useSSRContext();
|
||
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/tools/slugify-string/slugify-string.vue");
|
||
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
|
};
|
||
|
|
||
|
export { _sfc_main as default };
|