slidev-theme-neversink 0.3.0 → 0.3.2

package/components/ArrowDraw.vue

@@ -18,18 +18,7 @@ const colorscheme = computed(() => {
 </script>
 
 <template>
-  <svg
-    version="1.1"
-    id="Layer_1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    x="0px"
-    y="0px"
-    viewBox="0 0 196 73"
-    style="enable-background: new 0 0 196 73"
-    xml:space="preserve"
-    :width="width"
-  >
+  <svg viewBox="0 0 196 73" :width="width">
     <path
       class="st0"
       :class="colorscheme"

package/components/ArrowHeads.vue

@@ -16,14 +16,7 @@ const colorscheme = computed(() => {
 })
 </script>
 <template>
-  <svg
-    id="Layer_1"
-    data-name="Layer 1"
-    xmlns="http://www.w3.org/2000/svg"
-    version="1.1"
-    viewBox="0 0 356 204"
-    :width="width"
-  >
+  <svg viewBox="0 0 356 204" :width="width">
     <path
       class="cls-1"
       :class="colorscheme"

package/components/Box.vue

@@ -1,10 +1,9 @@
 <script setup>
 import { computed } from 'vue'
-import { resolveColor } from '../layoutHelper'
 const props = defineProps({
   shape: {
     type: String,
-    default: 's-s-2-100',
+    default: 's-s-2-10',
   },
   color: {
     type: String,

package/components/Thumb.vue

@@ -29,13 +29,7 @@ const thumbRotation = computed(() => {
 </script>
 
 <template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    version="1.1"
-    viewBox="0 0 800 800"
-    :width="width"
-    :style="{ transform: thumbRotation }"
-  >
+  <svg viewBox="0 0 800 800" :width="width" :style="{ transform: thumbRotation }">
     <defs></defs>
     <g id="bg">
       <polygon

package/example.md

@@ -1292,7 +1292,7 @@ title: Lines
 
 # Lines
 
-<Line :x1=0 :y1=0 :x2=200 :y2=200 :width=2 color='red-400' v-drag="[326,136,250,250]" />
+<Line :x1=0 :y1=0 :x2=200 :y2=200 :width=2 color='red' v-drag="[326,136,250,250]" />
 
 ---
 layout: side-title

package/layouts/side-title.vue

@@ -1,9 +1,7 @@
-<script setup lang="ts">
-import { computed, useSlots } from 'vue'
+<script setup lang="js">
+import { computed } from 'vue'
 import { compute_alignment, compute_column_size } from '../layoutHelper'
 
-const slots = useSlots()
-
 const props = defineProps({
   side: {
     default: 'l',
@@ -55,15 +53,15 @@ const colorscheme = computed(() => {
     <p>
       There are three parameters: <code>color</code>, <code>columns</code> and <code>align</code>. Currently:
       <code>color: {{ props.color }}</code
-      >, <code>columns: {{ props.columns }}</code> and <code>align: {{ props.align }}</code
+      >, <code>columns: {{ props.titlewidth }}</code> and <code>align: {{ props.align }}</code
       >.
     </p>
     <p>The "slots" of the page are default and <code>:: content ::</code></p>
     <p>
-      Options for <code>columns</code> are divided into 12 column units. So with <code>columns: is-1-11</code> the left
-      column is 1/12 wide and the the right columns is 11/12 wide. The component admits a short had of only specifying
-      the left column (<code>columns: is-1</code> does the same thing). In addition there are short hands like
-      <code>columns: is-one-quarter</code> which resolves to <code>is-3-9</code>, etc...
+      Options for <code>titlewidth</code> are divided into 12 column units. So with <code>titlewidth: is-1-11</code> the
+      left column is 1/12 wide and the the right columns is 11/12 wide. The component admits a short had of only
+      specifying the left column (<code>titlewidth: is-1</code> does the same thing). In addition there are short hands
+      like <code>titlewidth: is-one-quarter</code> which resolves to <code>is-3-9</code>, etc...
     </p>
     <p>
       Here are a bunch of examples:

package/layouts/top-title-two-cols.vue

@@ -1,9 +1,7 @@
-<script setup lang="ts">
-import { computed, useSlots } from 'vue'
+<script setup lang="js">
+import { computed } from 'vue'
 import { compute_alignment, compute_column_size } from '../layoutHelper'
 
-const slots = useSlots()
-
 const props = defineProps({
   columns: {
     default: 'is-one-half',
@@ -59,7 +57,7 @@ const colorscheme = computed(() => {
 
     <p>The <code>color</code> parameter determines color of the title.</p>
   </div>
-  <template v-else>
+  <div v-else>
     <div class="flex flex-col h-full w-full">
       <div class="w-full h-fit min-h-13 pt-2 pb-2 slidecolor" :class="colorscheme">
         <div class="slidev-layout toptitle title p-0 ml-6 mr-6 mt-auto mb-auto" :class="alignment.t">
@@ -80,7 +78,7 @@ const colorscheme = computed(() => {
         <slot name="default" />
       </div>
     </div>
-  </template>
+  </div>
 </template>
 
 <style>

package/layouts/top-title.vue

@@ -1,8 +1,6 @@
-<script setup lang="ts">
-import { computed, useSlots } from 'vue'
-import { compute_alignment, compute_column_size } from '../layoutHelper'
-
-const slots = useSlots()
+<script setup lang="js">
+import { computed } from 'vue'
+import { compute_alignment } from '../layoutHelper'
 
 const props = defineProps({
   color: {
@@ -41,7 +39,7 @@ const colorscheme = computed(() => {
 
     <p>The <code>color</code> parameter determines color of the title.</p>
   </div>
-  <template v-else>
+  <div v-else>
     <div class="flex flex-col h-full w-full">
       <div class="w-full h-fit min-h-13 pt-2 pb-2 slidecolor" :class="colorscheme">
         <div class="slidev-layout toptitle title p-0 pt-0 ml-6 mr-6 mt-auto mb-auto" :class="alignment">
@@ -55,7 +53,7 @@ const colorscheme = computed(() => {
         <slot name="default" />
       </div>
     </div>
-  </template>
+  </div>
 </template>
 
 <style>

package/layouts/two-cols-title.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="js">
 import { computed, useSlots } from 'vue'
 import { compute_alignment, compute_column_size } from '../layoutHelper'
 

package/layouts/two-cols.vue

@@ -1,9 +1,7 @@
-<script setup lang="ts">
-import { computed, useSlots } from 'vue'
+<script setup lang="js">
+import { computed } from 'vue'
 import { compute_alignment, compute_column_size } from '../layoutHelper'
 
-const slots = useSlots()
-
 const props = defineProps({
   columns: {
     default: 'is-one-half',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-theme-neversink",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "author": "gureckis",
   "type": "module",
   "keywords": [