From 9a11e0f4a38297006b89cc7bb2a60734111582e0 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Sun, 10 Mar 2024 00:13:25 +0000
Subject: Migrate to nuxt

---
 src/components/Control/TrueFalseSwitch.vue | 54 ------------------------------
 1 file changed, 54 deletions(-)
 delete mode 100644 src/components/Control/TrueFalseSwitch.vue

(limited to 'src/components/Control/TrueFalseSwitch.vue')

diff --git a/src/components/Control/TrueFalseSwitch.vue b/src/components/Control/TrueFalseSwitch.vue
deleted file mode 100644
index a0a3392..0000000
--- a/src/components/Control/TrueFalseSwitch.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const props = defineProps<{
-  value: boolean;
-}>();
-const emit = defineEmits(['update']);
-
-const value = ref(props.value);
-
-const invert = () => {
-  value.value = !value.value;
-  emit('update', value.value);
-};
-</script>
-
-<template>
-  <div class="switch" @click="invert">
-    <span v-if="value" class="true"><font-awesome-icon :icon="['fas', 'fa-check']" /> True</span>
-    <span v-else class="false"><font-awesome-icon :icon="['fas', 'fa-xmark']" /> False</span>
-  </div>
-</template>
-
-<style scoped>
-.switch {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-  align-items: center;
-  padding: 0.5rem;
-  user-select: none;
-  transition: background-color 0.3s;
-  background-color: var(--color-background-soft);
-  
-  span {
-    font-family: monospace;
-    font-size: 0.8rem;
-  }
-  
-  .true {
-    color: var(--color-text-primary);
-  }
-
-  .false {
-    color: var(--color-false);
-  }
-  
-  &:hover {
-    background-color: var(--color-hover);
-  }
-}
-
-</style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2

