プラグイン初期作成

vue-project/my-kintone-plugin/src/components/Config.vue

@@ -0,0 +1,39 @@
+<template>
+<!-- <section class="settings"> -->
+  <h2 class="settings-heading">Settings for data fetch pluging</h2>
+  <p class="kintoneplugin-desc">This message is displayed on the app page after the app has been updated.</p>
+  <form class="js-submit-settings">
+    <p class="kintoneplugin-row">
+      <label for="message">
+        Message:
+        <input type="text" class="js-text-message kintoneplugin-input-text">
+      </label>
+    </p>
+    <p class="kintoneplugin-row">
+        <button type="button" class="js-cancel-button kintoneplugin-button-dialog-cancel">Cancel</button>
+        <button class="kintoneplugin-button-dialog-ok">Save</button>
+    </p>
+  </form>
+<!-- </section> -->
+</template>
+<script setup>
+import { ref } from 'vue';
+import '../css/51-modern-default.css';
+import '../css/config.css';
+
+defineProps({
+  msg: String,
+});
+
+const count = ref(0)
+</script>
+
+<style scoped>
+.settings-heading {
+  padding: 1em 0;
+}
+
+.kintoneplugin-input-text {
+  width: 20em;
+}
+</style>