89 lines
2.9 KiB
JavaScript
89 lines
2.9 KiB
JavaScript
import { _ as _sfc_main$1 } from './chunk-de61ec1c.js';
|
|
import { openBlock, createElementBlock, createElementVNode, defineComponent, ref, computed, mergeProps, unref, isRef, useSSRContext } from 'vue';
|
|
import { _ as __unplugin_components_3 } from './chunk-4e7a6a8d.js';
|
|
import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
|
|
import './chunk-95ec8cf7.js';
|
|
import './chunk-6003391e.js';
|
|
import '@vueuse/core';
|
|
import 'pinia';
|
|
import './chunk-8109fd17.js';
|
|
import './chunk-77c5cc16.js';
|
|
import 'naive-ui';
|
|
import './chunk-11f44f81.js';
|
|
import './chunk-35c3d701.js';
|
|
import 'lodash';
|
|
|
|
const _hoisted_1 = {
|
|
viewBox: "0 0 24 24",
|
|
width: "1.2em",
|
|
height: "1.2em"
|
|
};
|
|
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
|
|
fill: "currentColor",
|
|
d: "M11 4h2v12l5.5-5.5l1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5L11 16V4Z"
|
|
}, null, -1);
|
|
const _hoisted_3 = [
|
|
_hoisted_2
|
|
];
|
|
|
|
function render(_ctx, _cache) {
|
|
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
|
|
}
|
|
|
|
const __unplugin_components_1 = { name: 'mdi-arrow-down', render };
|
|
/* vite-plugin-components disabled */
|
|
|
|
function generateNumeronym(word) {
|
|
const wordLength = word.length;
|
|
if (wordLength <= 3) {
|
|
return word;
|
|
}
|
|
return `${word.at(0)}${wordLength - 2}${word.at(-1)}`;
|
|
}
|
|
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "numeronym-generator",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const word = ref("");
|
|
const numeronym = computed(() => generateNumeronym(word.value));
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_c_input_text = __unplugin_components_3;
|
|
const _component_icon_mdi_arrow_down = __unplugin_components_1;
|
|
const _component_input_copyable = _sfc_main$1;
|
|
_push(`<div${ssrRenderAttrs(mergeProps({
|
|
flex: "",
|
|
"flex-col": "",
|
|
"items-center": "",
|
|
"gap-4": ""
|
|
}, _attrs))}>`);
|
|
_push(ssrRenderComponent(_component_c_input_text, {
|
|
value: unref(word),
|
|
"onUpdate:value": ($event) => isRef(word) ? word.value = $event : null,
|
|
placeholder: "Enter a word, e.g. 'internationalization'",
|
|
size: "large",
|
|
clearable: "",
|
|
"test-id": "word-input"
|
|
}, null, _parent));
|
|
_push(ssrRenderComponent(_component_icon_mdi_arrow_down, { "text-30px": "" }, null, _parent));
|
|
_push(ssrRenderComponent(_component_input_copyable, {
|
|
value: unref(numeronym),
|
|
size: "large",
|
|
readonly: "",
|
|
placeholder: "Your numeronym will be here, e.g. 'i18n'",
|
|
"test-id": "numeronym"
|
|
}, null, _parent));
|
|
_push(`</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/numeronym-generator/numeronym-generator.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as default };
|