picocrank 1.2.7 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "picocrank",
3
- "version": "1.2.7",
3
+ "version": "1.3.0",
4
4
  "description": "A set of zero dependency Vue components built on the Femtocrank global CSS theme.",
5
5
  "main": "vite.config.js",
6
6
  "scripts": {
@@ -1,8 +1,8 @@
1
1
  <template>
2
- <section class = "with-header-and-content">
2
+ <section :class = "'with-header-and-content ' + classes" :id = "id">
3
3
  <div class = "section-header flex-row">
4
4
  <div class = "fg1">
5
- <h2 :title = "subtitle">{{ title }}</h2>
5
+ <h2 :title = "subtitle">{{ title }}</h2>
6
6
  </div>
7
7
  <div role = "toolbar">
8
8
  <slot name="toolbar" />
@@ -29,5 +29,13 @@ const props = defineProps({
29
29
  type: String,
30
30
  default: "",
31
31
  },
32
+ id: {
33
+ type: String,
34
+ default: "",
35
+ },
36
+ classes: {
37
+ type: String,
38
+ default: "",
39
+ },
32
40
  });
33
41
  </script>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <Section title = "Welcome">
2
+ <Section title = "Welcome" classes = "">
3
3
  <p>
4
4
  Welcome to Femtocrank, a web-based tool for analyzing and visualizing the performance of your code.
5
5
  To get started, you can either upload a file or paste your code directly into the editor.
@@ -9,6 +9,45 @@
9
9
  </p>
10
10
  </Section>
11
11
 
12
+ <Section title = "Lorum" id = "lorem">
13
+ <p>
14
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
15
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
16
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
17
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
18
+ </p>
19
+ </Section>
20
+
21
+ <Section title = "Shakespeare" id = "shakespeare">
22
+ <p>
23
+ To be, or not to be, that is the question:
24
+ Whether 'tis nobler in the mind to suffer
25
+ The slings and arrows of outrageous fortune,
26
+ Or to take arms against a sea of troubles
27
+ And by opposing end them. To die: to sleep;
28
+ No more; and by a sleep to say we end
29
+ The heart-ache and the thousand natural shocks
30
+ That flesh is heir to, 'tis a consummation
31
+ Devoutly to be wish'd. To die, to sleep;
32
+ To sleep: perchance to dream: ay, there's the rub;
33
+ For in that sleep of death what dreams may come
34
+ When we have shuffled off this mortal coil,
35
+ Must give us pause: there's the respect
36
+ That makes calamity of so long life;
37
+ For who would bear the whips and scorns of time,
38
+ The oppressor's wrong
39
+ </p>
40
+ </Section>
41
+
42
+ <Section title = "More Lorem" id = "more-lorem">
43
+ <p>
44
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
45
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
46
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
47
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
48
+ </p>
49
+ </Section>
50
+
12
51
  </template>
13
52
 
14
53
  <script setup>