Is it possible to launch a VueJs only client website on WordPress without using templates? I'm curious if this approach is feasible.
If so, do you have any recommended tutorials for achieving this? If not, what alternative solution would you suggest?
Thank you in advance for your insights!
[If you're working with Vue3, this answer applies, but it's also relevant for Vue2]
VueJS can be utilized as a CDN: https://vuejs.org/guide/best-practices/production-deployment.html#without-build-tools
While not optimal in terms of speed and some limitations, it is possible to use VueJS without going through a build process within Wordpress.
The tutorial demonstrates how to integrate Vue by selecting either HTML, Options, or Composition, providing the fundamentals to implement it on any webpage.
Vue was originally designed for easy integration into existing codebases using a CDN.
petite-vue can also serve as a progressive enhancement option.
Here is a basic component example that I'm working with: <template> <div> <b-form-group label="From:" label-align="left" label-for="nested-from"> <date-pick :displayFormat=&quo ...
As a novice in CodeIgniter, I've scoured various StackOverflow threads for a solution to my issue without any luck. Below is the view code causing trouble: <select name="select1" id="select1"> <option value="0">None</option> ...
I am currently working with the startTabBasedApp API, which includes three tabs in my app. I have a requirement to change the background color of the tabBar for specific screens dynamically. Is it possible to achieve this at runtime? For instance: Scree ...
I am in the process of developing a shop system where customers can order items and save them to the database. I have encountered an issue where I need to calculate the remaining stock after deducting the quantity of items ordered. My API is responsible f ...
Can anyone help me figure out how to generate an SSL certificate for my IP address so that I can establish a secure connection between my frontend Vue and backend Express via the REST API? I am using NGINX as the web server to serve the frontend, which re ...
After attempting to incorporate VueCropper into my Component, I encountered a few issues: The sourceImg is displayed, but there is no cropbox or preview. When I examine console.log(this.$refs) and console.log(this.$refs.cropper), the results seem contrad ...
I've been trying to figure out how to hover over a disabled item with a tooltip, but it seems that disabled items don't trigger any events. I attempted wrapping my elements in another div as a workaround, but unfortunately, it didn't work. I ...
Is there a way to implement a scrollable tooltip without using an iframe? Any existing jquery or css scripts that can help achieve this? If so, how can it be done? ...
Whenever I encounter a form like this, I need to submit it and replace the text in the name field with only letters - no commas, spaces, or special characters. https://i.sstatic.net/9FQnT.png myform.html <script> function fixInput(event) { na ...
Currently, I am utilizing Firebase auth for user authentication and Firestore for database handling. However, I am encountering an issue with syncing the user data with its respective campaigns. campaigns: firestoreAction(({ bindFirestoreRef, getters }) ...
var inputString = 'a.b.c.d.e.f'; var pattern = inputString.match(/([^\.]+)\.[^\.]+$/)[1]; console.log(pattern); I have successfully implemented the code using regular expressions, but I am open to exploring more efficient solution ...
Hey there, I don't have much experience with JavaScript, but I gave it a shot. I managed to create a script that changes the properties of an element based on its position relative to the viewport of the browser. It took me a couple of days to get it ...
My website utilizes the code $(window).bind('hashchange', function ()) to check if a redirect is necessary. It is working perfectly fine in Firefox, but I am facing issues with IE9. $(window).bind('hashchange', function () { ...
I am attempting to submit a form using ajax, and here is the form code: <form class="form-vertical" method="POST" id="request-form" action="/post_handler?request=add_data" enctype="multipart/form-data"> <div class="form-group"> <label ...
What is a way to generate a JavaScript array from 1 to X without using a loop when the value of X is only known at runtime? var arr = []; for (var i = 1; i <= x; i++) { arr.push(i); } ...
Looking for help with navigating rows on a Kendo-Grid. I have four Buttons - First, Previous, Next, and Last. The goal is to highlight the selected record on the grid when a button is clicked. However, I'm struggling with making the Kendo-Grid highlig ...
As I follow a tutorial, I am working on importing the stripe function from two js files. The goal is to display my stripe payment in a modal. However, I am unsure how to close the modal once I receive a successful payment message in the child. Below are s ...
I'm currently attempting to customize an embedded object using Angular Directive, but I am running into difficulties getting the directive to function correctly. Here is the code for the object: <object width="250" height="40"> <param n ...
I've been working on a basic photo gallery that switches images during a drag event. However, I'm encountering an issue with the iOS7 browser where the drag event gets triggered multiple times when dragging left or right. I attempted to use a glo ...
I am currently delving into the realms of NextJs(TS), Prisma, and MySQL with the aim to implement my learnings in ReactJS. However, I seem to be encountering some difficulties when attempting to make a POST call. Here's an overview of my project dire ...