mirror of
https://github.com/CorentinTh/it-tools.git
synced 2024-09-11 13:37:53 +03:00
Compare commits
3 Commits
5532a0105b
...
5e06126aaa
Author | SHA1 | Date | |
---|---|---|---|
|
5e06126aaa | ||
|
e1b4f9aafe | ||
|
40bf0687f6 |
@ -128,7 +128,7 @@
|
||||
"prettier": "^3.0.0",
|
||||
"typescript": "~5.2.0",
|
||||
"unocss": "^0.57.0",
|
||||
"unocss-preset-scrollbar": "^0.2.1",
|
||||
"unocss-preset-scrollbar": "^0.3.0",
|
||||
"unplugin-icons": "^0.17.0",
|
||||
"unplugin-vue-components": "^0.25.0",
|
||||
"vite": "^4.4.9",
|
||||
|
@ -281,8 +281,8 @@ devDependencies:
|
||||
specifier: ^0.57.0
|
||||
version: 0.57.1(postcss@8.4.31)(rollup@2.79.1)(vite@4.4.9)
|
||||
unocss-preset-scrollbar:
|
||||
specifier: ^0.2.1
|
||||
version: 0.2.1(unocss@0.57.1)
|
||||
specifier: ^0.3.0
|
||||
version: 0.3.0(unocss@0.57.1)
|
||||
unplugin-icons:
|
||||
specifier: ^0.17.0
|
||||
version: 0.17.0(@vue/compiler-sfc@3.2.47)
|
||||
@ -3407,8 +3407,8 @@ packages:
|
||||
unconfig: 0.3.11
|
||||
dev: true
|
||||
|
||||
/@unocss/core@0.31.17:
|
||||
resolution: {integrity: sha512-DJ3Uk2ePVXvV1qQmgoLK44aqB6f0s+naOEvouI97nzVXDZgxDQPBxIPB/L4vvE4U+gQxEiHwwE3gJ75iPqVzXw==}
|
||||
/@unocss/core@0.56.5:
|
||||
resolution: {integrity: sha512-fx5VhOjSHn0HdV2D34pEwFMAHJcJQRTCp1xEE4GzxY1irXzaa+m2aYf5PZjmDxehiOC16IH7TO9FOWANXk1E0w==}
|
||||
dev: true
|
||||
|
||||
/@unocss/core@0.57.1:
|
||||
@ -3441,6 +3441,12 @@ packages:
|
||||
- typescript
|
||||
dev: true
|
||||
|
||||
/@unocss/extractor-arbitrary-variants@0.56.5:
|
||||
resolution: {integrity: sha512-p2pyzz/ONvc5CGcaB9OZvWE8qkRSgyuhaQqFQLdBFeUhveHC0CGP0iSnXwBgAFHWM7DJo4/JpWeZ+mBt0ogVLA==}
|
||||
dependencies:
|
||||
'@unocss/core': 0.56.5
|
||||
dev: true
|
||||
|
||||
/@unocss/extractor-arbitrary-variants@0.57.1:
|
||||
resolution: {integrity: sha512-9s+azHhBnwjxm46TsD1RY0krDAwOR8tcw58Vtl3emd6C0VQsAOdoprt7UHE7GEXMvDVq7nMf8lAT0BM0LteW3w==}
|
||||
dependencies:
|
||||
@ -3486,10 +3492,12 @@ packages:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@unocss/preset-mini@0.31.17:
|
||||
resolution: {integrity: sha512-gVgMTOKLt3O1ym348QIBmR5sS9W0Ozkk5xelhH6e0VXcpg0dXDPDrl4hFErMy4x6IB86yyJG6Dz5JhcwQB13Ig==}
|
||||
/@unocss/preset-mini@0.56.5:
|
||||
resolution: {integrity: sha512-/KhlThhs1ilauM7MwRSpahLbIPZ5VGeGvaUsU8+ZlNT3sis4yoVYkPtR14tL2IT6jhOU05N/uu3aBj+1bP8GjQ==}
|
||||
dependencies:
|
||||
'@unocss/core': 0.31.17
|
||||
'@unocss/core': 0.56.5
|
||||
'@unocss/extractor-arbitrary-variants': 0.56.5
|
||||
'@unocss/rule-utils': 0.56.5
|
||||
dev: true
|
||||
|
||||
/@unocss/preset-mini@0.57.1:
|
||||
@ -3541,6 +3549,13 @@ packages:
|
||||
resolution: {integrity: sha512-f/ofoudjFN/HMtv1XV5phP58pOmNruBhr0GbVdBNylyieMQkFHowA7iSemChnC/fTbCcY6oSOAcFl4n9AefjdA==}
|
||||
dev: true
|
||||
|
||||
/@unocss/rule-utils@0.56.5:
|
||||
resolution: {integrity: sha512-CXIGHCIC9B8WUl9KbbFMSZHcsIgfmI/+X0bjBv6xrgBVC1EQ2Acq4PYnJIbaRGBRAhl9wYjNL7Zq2UWOdowHAw==}
|
||||
engines: {node: '>=14'}
|
||||
dependencies:
|
||||
'@unocss/core': 0.56.5
|
||||
dev: true
|
||||
|
||||
/@unocss/rule-utils@0.57.1:
|
||||
resolution: {integrity: sha512-Hdicz7YORZx7SHICldzOGjPNeJwk/Xhy3cycqiPbg6nB6d639bpgZn5BsbDzHCPKpguwDomUqTZS6+C3s7tUVg==}
|
||||
engines: {node: '>=14'}
|
||||
@ -3990,7 +4005,7 @@ packages:
|
||||
/@vueuse/shared@10.3.0(vue@3.3.4):
|
||||
resolution: {integrity: sha512-kGqCTEuFPMK4+fNWy6dUOiYmxGcUbtznMwBZLC1PubidF4VZY05B+Oht7Jh7/6x4VOWGpvu3R37WHi81cKpiqg==}
|
||||
dependencies:
|
||||
vue-demi: 0.14.5(vue@3.3.4)
|
||||
vue-demi: 0.14.6(vue@3.3.4)
|
||||
transitivePeerDependencies:
|
||||
- '@vue/composition-api'
|
||||
- vue
|
||||
@ -4564,7 +4579,7 @@ packages:
|
||||
dev: false
|
||||
|
||||
/concat-map@0.0.1:
|
||||
resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
|
||||
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
|
||||
|
||||
/config-chain@1.1.13:
|
||||
resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
|
||||
@ -8719,12 +8734,12 @@ packages:
|
||||
engines: {node: '>= 10.0.0'}
|
||||
dev: true
|
||||
|
||||
/unocss-preset-scrollbar@0.2.1(unocss@0.57.1):
|
||||
resolution: {integrity: sha512-7ubHdOaUwr7xBn1glPpICNNsM2SZGjvWK5uRPNiQYsrZ9YFjsCGHk9x5S2R8pTkuMDQeiaSa/UQbYhjC8Fra5g==}
|
||||
/unocss-preset-scrollbar@0.3.0(unocss@0.57.1):
|
||||
resolution: {integrity: sha512-7ul5AhttNoPwXPVFRKeze7beLF2hItg4f2drl5jcdzhv2MQgxo0CcCmT8qGe8VtBrAk/7RaGutQLTiMrGC6oNQ==}
|
||||
peerDependencies:
|
||||
unocss: '>= 0.31.13 < 1'
|
||||
dependencies:
|
||||
'@unocss/preset-mini': 0.31.17
|
||||
'@unocss/preset-mini': 0.56.5
|
||||
unocss: 0.57.1(postcss@8.4.31)(rollup@2.79.1)(vite@4.4.9)
|
||||
dev: true
|
||||
|
||||
|
@ -2,6 +2,7 @@
|
||||
import { generateLoremIpsum } from './lorem-ipsum-generator.service';
|
||||
import { useCopy } from '@/composable/copy';
|
||||
import { randIntFromInterval } from '@/utils/random';
|
||||
import { computedRefreshable } from '@/composable/computedRefreshable';
|
||||
|
||||
const paragraphs = ref(1);
|
||||
const sentences = ref([3, 8]);
|
||||
@ -9,7 +10,7 @@ const words = ref([8, 15]);
|
||||
const startWithLoremIpsum = ref(true);
|
||||
const asHTML = ref(false);
|
||||
|
||||
const loremIpsumText = computed(() =>
|
||||
const [loremIpsumText, refreshLoremIpsum] = computedRefreshable(() =>
|
||||
generateLoremIpsum({
|
||||
paragraphCount: paragraphs.value,
|
||||
asHTML: asHTML.value,
|
||||
@ -18,6 +19,7 @@ const loremIpsumText = computed(() =>
|
||||
startWithLoremIpsum: startWithLoremIpsum.value,
|
||||
}),
|
||||
);
|
||||
|
||||
const { copy } = useCopy({ source: loremIpsumText, text: 'Lorem ipsum copied to the clipboard' });
|
||||
</script>
|
||||
|
||||
@ -41,10 +43,13 @@ const { copy } = useCopy({ source: loremIpsumText, text: 'Lorem ipsum copied to
|
||||
|
||||
<c-input-text :value="loremIpsumText" multiline placeholder="Your lorem ipsum..." readonly mt-5 rows="5" />
|
||||
|
||||
<div mt-5 flex justify-center>
|
||||
<div mt-5 flex justify-center gap-3>
|
||||
<c-button autofocus @click="copy()">
|
||||
Copy
|
||||
</c-button>
|
||||
<c-button @click="refreshLoremIpsum">
|
||||
Refresh
|
||||
</c-button>
|
||||
</div>
|
||||
</c-card>
|
||||
</template>
|
||||
|
Loading…
Reference in New Issue
Block a user