From c6d8c6ba4d5e086d4e0bfa89b8527cc8acc82b2d Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Tue, 19 Apr 2022 22:17:39 -0400
Subject: [PATCH] Convert select2 component to SFC for more standard handling
 -- this was requiring the vue runtime before...

---
 client/src/components/{Select2.js => Select2.vue} | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)
 rename client/src/components/{Select2.js => Select2.vue} (94%)

diff --git a/client/src/components/Select2.js b/client/src/components/Select2.vue
similarity index 94%
rename from client/src/components/Select2.js
rename to client/src/components/Select2.vue
index e76f5563210..2cba43edb57 100644
--- a/client/src/components/Select2.js
+++ b/client/src/components/Select2.vue
@@ -1,10 +1,16 @@
+<template>
+    <select>
+        <slot></slot>
+    </select>
+</template>
+
+<script>
 // Based on https://vuejs.org/v2/examples/select2.html but adapted to handle list values
 // with "multiple: true" set.
 import $ from "jquery";
 
 export default {
     props: ["options", "value", "placeholder", "containerClass", "enabled"],
-    template: `<select><slot></slot></select>`,
     mounted: function () {
         const vm = this;
         // TODO: refactor property list to objects that allow defaults and types
@@ -49,3 +55,4 @@ export default {
         $(this.$el).off().select2("destroy");
     },
 };
+</script>